README

Troon Markdown 编辑器

由 Troon Technologies 驱动的 Markdown 编辑器

安装

安装此扩展的首选方式是通过 composer.

运行以下命令之一

php composer.phar require --prefer-dist troon-markdown/yii2-troon-markdown "*"

或者在您的 composer.json 文件的 require 部分添加

"troon-markdown/yii2-troon-markdown": "*"

to

用法

安装扩展后，只需在代码中使用它即可

<?php
  use troon\markdown\EditorMdWidget;
echo $form->field($model, 'content')->widget(EditorMdWidget::className(), [
        'options'=>[
            'id'=>'content'
        ],
        'clientOptions' => [
            'height' => '640',
            // 'previewTheme' => 'dark',
            // 'editorTheme' => 'pastel-on-dark',
            'markdown' => '',
            'codeFold' => true,
            'syncScrolling' => false,
            'saveHTMLToTextarea' => true,
            'searchReplace' => true,
            'htmlDecode' => 'style,script,iframe|on*', 
            'toolbar ' => false, 
            'previewCodeHighlight' => false,
            'emoji' => true,
            'taskList' => true,
            'tocm' => true, 
            'tex' => true,   
            'flowChart' => true,          
            'sequenceDiagram' => true,      
            'imageUpload' => true,
            'imageFormats' => ['jpg', 'jpeg', 'gif', 'png', 'bmp', 'webp'],
            'imageUploadURL' => '/file/blog-upload?type=default&filekey=editormd-image-file',
        ]
    ]);
?>

在网页视图中显示 Markdown

<?php
    use troon\markdown\ViewMdWidget;
      echo   ViewMdWidget::widget([
            'markdown'=>$model->content,
            'options'=>[// html attributes
                'id'=>'content'
            ]
        ]);
    ?>