如何给PbootCMS内容栏目新增栏目编辑器字段

广告
如需前端切图、网站仿制、模板修改、二次开发等服务,可联系站长QQ:1801233226

上次分享了如何给内容栏目增加栏目简介字段->PbootCMS内容栏目增加栏目简介字段的方法,有网友反馈是否可以把textarea改为编辑器,答案是可以的,下面就接着上去的做些修改。

上次做完的效果

image.png

这次修改后的效果

image.png

实现方法

1、首先照着之前的教程成功新增出栏目简介字段->PbootCMS内容栏目增加栏目简介字段的方法

2、新增完之后开始做些修改,还在这个文件里修改/apps/admin/view/default/content/contentsort.html

①把原来第一次新增的

<div class="layui-input-block">
	<textarea name="sortdesc" placeholder="请输入栏目介绍" class="layui-textarea"></textarea>
</div>

修改成

<div class="layui-input-block">
	<script type="text/plain" id="editor" name="sortdesc" style="width:100%;height:140px;"></script>
</div>

②把原来第二处新增的

<div class="layui-input-block">
	<textarea name="sortdesc" value="{$sort->sortdesc}" placeholder="请输入栏目介绍" class="layui-textarea">{$sort->sortdesc}</textarea>
</div>

修改成

<div class="layui-input-block">
	<script type="text/plain" id="editor" name="sortdesc" style="width:100%;height:140px;">{fun=decode_string([$sort->sortdesc])}</script>
</div>

③在页面底部找到

{include file='common/foot.html'}

在其上方增加

{include file='common/ueditor.html'}

截图:

image.png

④考虑到使用编辑器后内容会变多,所以得去把原来新增的字段长度改成不限制,改为0。位置在数据库表ay_content_sort

image.png

这样操作后保存,后台刷新即可。


最后更新于 2020-04-15 14:11:28

站长提示

如果你的问题还没有解决,可以点击页面右侧的“ ”加入本站技术交流群,和小伙伴们一起讨论问题。
如果你想请站长喝咖啡,可以点击下方打赏扫码,感谢老铁支持。

文章标签:

文章标题:如何给PbootCMS内容栏目新增栏目编辑器字段

文章链接:https://www.pbhtml.com/87.html

版权声明:本文为 PB教程网 原创,未经授权禁止转载、摘编、复制或建立镜像。

发表评论:(需登录后操作)

评论记录:

未查询到任何数据!