【已解决】求助~bootstrap-markdown编辑器引入后无法预览 [ 求助交流 ]
论坛找了下没有找到如何配置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.js 和to-markdown.js
其实在bootstrap-markdown 的文档中有说,在网页最底端,不注意看文档就容易忽视这个,不过我是在stackoverflow上找到的解决办法,希望对以后遇到此问题的同学能有帮助。
晚点要是有时间我去发布个使用教程~
共 2 条回复
yoyo
注册时间:2015-07-28
最后登录:2016-10-21
在线时长:5小时4分
最后登录:2016-10-21
在线时长:5小时4分
- 粉丝1
- 金钱180
- 威望0
- 积分230