使用UEditor

分手后的思念是犯贱 2022-07-11 05:41 121阅读 0赞

引入并定义要显示的标签：

<script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/ueditor.all.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript">
        UEDITOR_CONFIG.toolbars = [[
            'fullscreen', 'source', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', '|',
            'lineheight', '|',
            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
            'directionalityltr', 'directionalityrtl', 'indent', '|',
            'justifyleft', 'justifycenter', 'justifyright', '|', 'touppercase', 'tolowercase', '|',
            'link', 'unlink', '|',
            'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'insertcode', 'pagebreak', 'template', 'background', '|',
            'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
            'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
            'searchreplace', 'drafts', 'help'
        ]];
    </script>

找到需要替换的<textarea>：

<tr>
                    <td>
                        <textarea name="f_goods_introduce" id="f_goods_introduce" type="text/plain"
                                  style="height: 400px;"></textarea>
                    </td>
                </tr>

替换：

<script type="text/javascript">
                    var ue = UE.getEditor('f_goods_introduce');
                </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

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

相关阅读

相关 vue使用百度UEditor

vue使用百度UEditor 下载UEditor 导入，打包安装vue-ueditor-wrap 修改ueditor配置

r囧r小猫/ 2022年11月20日 10:57/ 0 赞/ 227 阅读

相关 UEditor使用细节注意

原理：先加载配置，后上传，最后回显。 UEditor给出了controller.jsp来进行加载配置，并上传，但是这些不是我们想要的。我们需要重写加载配置和上传回显操作。

蔚落/ 2022年08月07日 15:55/ 0 赞/ 147 阅读

相关使用ueditor总结

某网站的后台信息管理的编辑器使用不是很灵活，同事推荐使用ueditor，然而在使用的过程中，遇到了一些问题，希望有遇到类似问题的童鞋少走写弯路 1.应用启动后，后台报

傷城~/ 2022年07月18日 08:40/ 0 赞/ 148 阅读

相关使用UEditor

引入并定义要显示的标签： <script type="text/javascript" charset="utf-8" src="{$Think.config.PLU

分手后的思念是犯贱/ 2022年07月11日 05:41/ 0 赞/ 122 阅读

相关 ueditor编辑器的使用

本文介绍如何引入ueditor，并拿到文本框的值一首选引入js文件如 ![这里写图片描述][SouthEast] <script type="tex

叁歲伎倆/ 2022年06月13日 09:29/ 0 赞/ 251 阅读

相关 ueditor使用小结

一、简介 ueditor是百度编辑器，官网地址：[http://ueditor.baidu.com/website/][http_ueditor.baidu.com_we

痛定思痛。/ 2022年06月10日 10:56/ 0 赞/ 111 阅读

相关 SpringMVC 使用百度Ueditor

碰到的问题： 1. ueditor 未找到上传数据，如果使用Spring MVC [ 请使用下面的JAR][_JAR]。源代码地址：[https://gitee.com/mi

叁歲伎倆/ 2022年06月04日 08:24/ 0 赞/ 138 阅读

相关【Maven】maven使用ueditor编辑器

前提：下载[ueditor][] 一、首先将ueditor的jar包放入maven本地仓库（两种方式）（1）使用eclipse导入maven仓库单击右键

川长思鸟来/ 2022年05月31日 22:59/ 0 赞/ 116 阅读

相关使用ueditor编写文章

使用ueditor编写文章 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议，所有源代

╰+攻爆jí腚メ/ 2022年03月16日 03:44/ 0 赞/ 167 阅读

相关使用ueditor文本编辑器

一、效果如下二、把ueditor添加到项目里二、页面代码如下

朱雀/ 2020年10月24日 17:22/ 0 赞/ 906 阅读