bootstrap-markdown編輯器引入


MarkdownAsset.php

<?php namespace app\assets; use yii\web\AssetBundle; class MarkdownAsset extends AssetBundle { public $basePath = '@webroot'; public $baseUrl = '@web'; public $css = [ 'bootstrap-markdown/css/bootstrap-markdown.min.css' ]; public $js = [ 'bootstrap-markdown/js/bootstrap-markdown.js', 'bootstrap-markdown/locale/bootstrap-markdown.zh.js', ]; public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap\BootstrapAsset', ]; } 

_from.php

<?php use yii\helpers\Html; use yii\widgets\ActiveForm; use app\assets\MarkdownAsset; /* @var $this yii\web\View */ /* @var $model app\models\Article */ /* @var $form yii\widgets\ActiveForm */ MarkdownAsset::register($this); ?> <form> <input name="title" type="text" placeholder="Title?" /> <textarea name="content" data-provide="markdown" rows="10"></textarea> <label class="checkbox"> <input name="publish" type="checkbox"> Publish </label> <hr/> <button type="submit" class="btn">Submit</button> </form> 

點了預覽之后無效,如下圖

輸入圖片說明

不知道是不是因為引入資源出了問題,希望各位前輩能指導下


解決辦法

不能預覽的原因是缺少markdown.js 和to-markdown.js

其實在bootstrap-markdown 的文檔中有說,在網頁最底端,不注意看文檔就容易忽視這個,不過我是在stackoverflow上找到的解決辦法,希望對以后遇到此問題的同學能有幫助。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM