yoyo 2015-08-05 11:22:21 5252次浏览 2条回复 1 0 0

论坛找了下没有找到如何配置bootstrap-markdown 编辑器的帖子,于是自己瞎折腾,现在编辑器是出来了,但是存在几个问题

1 标题栏没有样式(这个是因为官方给出的例子是没有样式的,我直接复制的,所以没有效果,现在解决了)

2 点击预览并没有预览的效果(已解决,见下文)

下面是代码

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.jsto-markdown.js

其实在bootstrap-markdown 的文档中有说,在网页最底端,不注意看文档就容易忽视这个,不过我是在stackoverflow上找到的解决办法,希望对以后遇到此问题的同学能有帮助。

晚点要是有时间我去发布个使用教程~

您需要登录后才可以回复。登录 | 立即注册