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

Joson 2021-10-11 14:26:00 91 抢沙发

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


image.png


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

image.png

从上面的函数方法来看,官方将这个富文本编辑器引用的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版,哈哈~~,向博主这样需要放置在后台编辑栏目下的,所以这个迷你版的简直太适合不过了,博主实现的最终效果如图:

image.png

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

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

文章版权及转载声明

作者:Joson ,本文地址:https://www.sojoson.com/mbjc/39.html发布于 2021-10-11 14:26:00
文章转载或复制请以超链接形式并注明出自SoJoson博客

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 91人围观,暂无评论) 参与讨论

还没有评论,来说两句吧...