yzmcms网站模板页面添加富文本编辑器方法教程

通过原版代码页面我们看到，这里编辑器是使用的editor函数方法调用，但是我们要在其他页面，比如，我的需求是要在栏目下新加一个内容编辑器，这时我们使用这个函数调用时，根本起不了作用，

因此，博主通过代码查找工具，找到了这个函数，如下图：（文件位置：yzmphp/core/class/form.class.php，270行）

从上面的函数方法来看，官方将这个富文本编辑器引用的js文件放到函数里封装了（方便调用），因此我们可以将里面的js文件复制出来，放置你想在页面添加富文本编辑器的地方，即可完美实现。

方法：

1、将一下三个js文件放置页头</head>内；

<script type="text/javascript" charset="utf-8" src="<?php echo STATIC_URL;?>plugin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo STATIC_URL;?>plugin/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="<?php echo STATIC_URL;?>plugin/ueditor/lang/zh-cn/zh-cn.js"></script>

2、在页面需求位置放置如下代码。

<!-- 新增页面内容放下代码 -->
<script id="content" name="content" type="text/javascript"></script>
<!-- 编辑页面内容放下代码 -->
<script id="content" name="content" type="text/javascript"><?php echo $data['content'];?></script>
<!-- 以上根据页面二选一 -->

<!-- Mini编辑器 -->
<script type="text/javascript">
   var ue = UE.getEditor('content',{
    toolbars:[[ "fullscreen","source","|","undo","redo","|", "removeformat", "formatmatch", "pasteplain","bold","italic","underline","blockquote",
    "forecolor","|","paragraph","fontsize","fontfamily","|","simpleupload","link","unlink","emotion","insertcode","date","time","drafts"]],
    //关闭字数统计
    wordCount:false,
    //关闭elementPath
    elementPathEnabled:false,
    //默认的编辑区域高度
    initialFrameHeight:300
  });
</script>

眼尖的你一定看到了有个编辑器-Mini版，哈哈~~，向博主这样需要放置在后台编辑栏目下的，所以这个迷你版的简直太适合不过了，博主实现的最终效果如图：

干净利索，正是我想要的，博主用来承载dedecms栏目内容中转换过来的单页栏目内容。

以上内容就是关于“yzmcms网站模板页面添加富文本编辑器方法教程”，若你也是想将dedecms转换至yzmcms，推荐你查看这篇内容“织梦dedecms转换到yzmcms教程|插件”。