thinkphp5.1整合editor.md富文本编辑器

首先在tp项目中找到config目录中的template.php 如下配置

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006~2018 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: liu21st <liu21st@gmail.com>
// +----------------------------------------------------------------------

// +----------------------------------------------------------------------
// | 模板设置
// +----------------------------------------------------------------------

return [
    // 模板引擎类型 支持 php think 支持扩展
    'type'         => 'Think',
    // 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法
    'auto_rule'    => 1,
    // 模板路径
    'view_path'    => '',
    // 模板后缀
    'view_suffix'  => 'html',
    // 模板文件名分隔符
    'view_depr'    => DIRECTORY_SEPARATOR,
    // 模板引擎普通标签开始标记
    'tpl_begin'    => '{',
    // 模板引擎普通标签结束标记
    'tpl_end'      => '}',
    // 标签库标签开始标记
    'taglib_begin' => '{',
    // 标签库标签结束标记
    'taglib_end'   => '}',
    // 视图输出字符串内容替换
    'tpl_replace_string'=> [
        '__CSS__'=>'/statics/style',
        '__JS__' => '/statics/js',
        '__IMAGE__' => '/statics/images',
        '__APP__' => '',
        '__STATIC__' => '/statics',
        '__LIB__' => '/statics/lib',
        '__UPLOAD__' => '/upload',
	],
];

      <link rel="stylesheet" href="__JS__/editormd/css/editormd.min.css" />
      <script src="__JS__/editormd/editormd.min.js"></script>
      <script src="__JS__/editormd/languages/zh-tw.js"></script>
	  
	  
	            <div id="test-editormd">
                    <textarea name="content"  lay-verify="content"></textarea>
                </div>
				
	      <script>
        var testEditor;

        $(function() {
            // You can custom @link base url.
            editormd.urls.atLinkBase = "https://github.com/";

            testEditor = editormd("test-editormd", {
                autoFocus : false,
                width     : "100%",
                height    : 720,
                toc       : true,
                //atLink    : false,    // disable @link
                //emailLink : false,    // disable email address auto link
                todoList  : true,
                placeholder: "",
                toolbarAutoFixed: false,
                path      : "__JS__/editormd/lib/",
        /*        emoji: true,*/
                toolbarIcons : ['undo', 'redo', 'bold', 'del', 'italic', 'quote', 'uppercase', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'list-ul', 'list-ol', 'hr', 'link', 'reference-link', 'image',  'watch', 'preview', 'search', 'fullscreen'],
                imageUpload: true,
                imageUploadURL : "{:url('/Admin/Advertisement/upload_img1')}",
        });

        });
    </script>

钟长森
请先登录后发表评论
  • latest comments
  • 总共0条评论

川公网安备 51010702002018号