hector68/yii2-grafikart-markdown-editor

支持上传图片的Markdown编辑器

维护者

详细信息

github.com/Hector68/yii2-grafikart-markdown-editor

源代码

问题

安装次数: 38

依赖者: 0

建议者: 0

安全性: 0

星标: 1

关注者: 2

分支: 2

开放问题: 1

语言:JavaScript

类型:yii2-extension

v0.2 2016-02-18 10:18 UTC

Requires

  • php: >=5.5.0
  • bower-asset/dropzone: ~3.11.1
  • bower-asset/marked: ~0.3.2
  • bower-asset/underscore: ~1.7.0
  • cebe/markdown: ~1.0.0 | ~1.1.0
  • yiisoft/yii2: ^2.0.6

MIT a7f08ce1dad28c09825b5f46ab11dc7fe255146e

  • Dmitriy Ronzhin <hector.tmb.woop@gmail.com>

jqueryformmarkdowneditorextensioninputyiiyii2

This package is not auto-updated.

Last update: 2024-09-14 18:42:09 UTC

README

基于 https://github.com/Grafikart/JS-Markdown-Editor js小部件

关于Markdown

安装

php composer.phar require --prefer-dist hector68/yii2-grafikart-markdown-editor

或者添加

"hector68/yii2-grafikart-markdown-editor" : "^0.1"

到您的composer.json文件的require部分。

如果需要在包含模块到您的配置时上传图片到服务器

    'modules' => [
        'markdown-editor' => [
            'class' => 'Hector68\GrafikartMarkdownEditor\Module',
            'uploadDir' => '@webroot/images/markdown',
            'isFileNameUnique' => true, //set unique name or use base name,
            'maxSize' => 2097152, // in bites, Default 2mb
            'expansions' => ['jpg', 'png'] 
        ],
    ],
    ...

表单

  <?= $form->field($model, 'firstMessage')->widget(Hector68\GrafikartMarkdownEditor\widgets\MdEditor::className(), [
            'uploader' => Url::to(['markdown-editor/upload/data']), //or false. Default false
            'preview' => true, // default false,
            'jsOptions' => [], // js options of widget. See https://github.com/Grafikart/JS-Markdown-Editor,
            'images' => [], //Default images See https://github.com/Grafikart/JS-Markdown-Editor,
        ]) ?>

渲染

$parser = new cebe\markdown\Markdown();
echo $parser->parse($model->firstMessage);