1/引入三个文件

<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>

2/配置适合自己的ueditor编辑器

<script type='text/javascript'>
UEDITOR_CONFIG.toolbars = [[
'source', '|', 'undo', 'redo', '|',
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
'directionalityltr', 'directionalityrtl', 'indent', '|',
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo','attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|',
'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
]];

</script>

编辑器注释如下: 'anchor',//锚点'undo',//撤销'redo',//重做'bold',//加粗'indent',//首行缩进'snapscreen',//截图'italic',//斜体'underline',//下划线'strikethrough',//删除线'subscript',//下标'fontborder',//字符边框'superscript',//上标'formatmatch',//格式刷'source',//源代码'blockquote',//引用'pasteplain',//纯文本粘贴模式'selectall',//全选'print',//打印'preview',//预览'horizontal',//分隔线'removeformat',//清除格式'time',//时间'date',//日期'unlink',//取消链接'insertrow',//前插入行'insertcol',//前插入列'mergeright',//右合并单元格'mergedown',//下合并单元格'deleterow',//删除行'deletecol',//删除列'splittorows',//拆分成行'splittocols',//拆分成列'splittocells',//完全拆分单元格'deletecaption',//删除表格标题'inserttitle',//插入标题'mergecells',//合并多个单元格'deletetable',//删除表格'cleardoc',//清空文档'insertparagraphbeforetable', //"表格前插入行" 'insertcode', //代码语言 'fontfamily', //字体 'fontsize', //字号 'paragraph', //段落格式 'simpleupload', //单图上传 'insertimage', //多图上传 'edittable', //表格属性 'edittd', //单元格属性 'link', //超链接 'emotion', //表情 'spechars', //特殊字符 'searchreplace', //查询替换 'map', //Baidu地图 'gmap', //Google地图 'insertvideo', //视频 'help', //帮助 'justifyleft', //居左对齐 'justifyright', //居右对齐 'justifycenter', //居中对齐 'justifyjustify', //两端对齐 'forecolor', //字体颜色 'backcolor', //背景色 'insertorderedlist', //有序列表 'insertunorderedlist', //无序列表 'fullscreen', //全屏 'directionalityltr', //从左向右输入 'directionalityrtl', //从右向左输入 'rowspacingtop', //段前距 'rowspacingbottom', //段后距 'pagebreak', //分页 'insertframe', //插入Iframe 'imagenone', //默认 'imageleft', //左浮动 'imageright', //右浮动 'attachment', //附件 'imagecenter', //居中 'wordimage', //图片转存 'lineheight', //行间距 'edittip ', //编辑提示 'customstyle', //自定义标题 'autotypeset', //自动排版 'webapp', //百度应用 'touppercase', //字母大写 'tolowercase', //字母小写 'background', //背景 'template', //模板 'scrawl', //涂鸦 'music', //音乐 'inserttable', //插入表格 'drafts', // 从草稿箱加载 'charts', // 图表 这样个性化的编辑器就生成了

转载于:https://www.cnblogs.com/xiong63/p/6223998.html

tp中ueditor编辑器的使用相关推荐

  1. 在YII2框架中使用UEditor编辑器发布文章

    在YII2框架中使用UEditor编辑器发布文章 创建文章数据表 文章数据表主要有4个字段 id  主键(int) title 标题(varchar) content 内容(text) created ...

  2. 开发中使用UEditor编辑器的注意事项

    最近在一个刚结束的一个项目中使用到了UEditor编辑器,下面总结一下遇到的问题以及使用时需要注意的地方: 1. 使用UEditor插件需要先对其进行路径配置: 在ueditor.config.js文 ...

  3. vue中使用Ueditor编辑器 -- 1

    一.   下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为:http://ueditor.baidu.com/website/download.html ...

  4. ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...

    <百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...

  5. ueditor集成实例php,Laravel框架集成UEditor编辑器的方法图文与实例详解

    本文实例讲述了Laravel框架集成UEditor编辑器的方法.分享给大家供大家参考,具体如下: 一. 背景 在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,当然,个人认为 ...

  6. 在ueditor编辑器的光标停留处插入内容

    业务场景: 首先在ueditor编辑器中插入一段文本,然后我想在文本的某个位置(光标停留处)插入一个字符串,这个字符串是从页面的其他地方选择得来的. 注意,当我们点击ueditor编辑器以外的地方,编 ...

  7. html编辑器 br 被div,百度Ueditor编辑器DIV,html标签替换及代码被过滤问题解决方法...

    解决"织梦DEDECMS使用百度Ueditor编辑器和代码高亮设置教程"中遗留的html标签过滤问题.前者资源盒子主要描述了如何在织梦CMS中使用百度Ueditor编辑器,但遗留了 ...

  8. ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法...

    UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法 使用ueditor编辑器,附件默认在ueditor/php/upload/,  我的附件地址是网站根目录下/data/u ...

  9. php商品分类添加字段,zblogPHP分类模板添加自定义字段(调用UEditor编辑器输入法)...

    今天来分享下zblogPHP分类模板中增加字段并且使用UEditor编辑器输入的方法. 这个方法以前很少用,一般的地方也确实不太需要这种自定义字段输入方法,但今天重写了yunduanmp模板,其中每个 ...

最新文章

  1. Spring:一个Java框架15年的演化
  2. MySQL中查询的看到的日期和Java程序查询出来的日期差了几个小时
  3. 理解原理的重要性 - 论PostgreSQL merge join 成本评估陷阱 含case
  4. 2019-1-15 课后作业
  5. Java - 常用工具类 - 集合框架
  6. 蜗牛导航网站模板+随机壁纸+天气插件
  7. 17110 Divisible(basic)
  8. es 根据_id查询_京东把 Elasticsearch 用得真牛逼!日均5亿订单查询完美解决
  9. 林阳斌集美大学计算机学院,集美大学计算机工程学院导师教师师资介绍简介-林阳斌副教授(2021.04.06)...
  10. 计算机入门建模观后感,实习生revit学习心得-初学Revit有感
  11. 10. Document getElementsByTagName() 方法
  12. Linux 平台 通过ODBC访问数据库
  13. pxe无盘服务器教程,[教程]Synology+PXE挂载iSCSI网络无盘启动Win7(08.04更新)
  14. 浅谈数字音频处理的新技术
  15. 用画图取色和在Word中使用任意颜色
  16. 生物信息学:bedGraph文件、Bed文件转、BAM文件转化
  17. #1752. 聂小倩
  18. 【自学笔记】尚硅谷数据结构与算法Chapter 3 链表
  19. 2022“杭电杯”中国大学生算法设计超级联赛(4)
  20. 安徽大学正方教务系统 用JS 一键完成 教师评价

热门文章

  1. 手眼标定——九点标定
  2. hyper v虚拟机启动黑屏怎么办?
  3. 【稳定性day14】支付宝技术风险体系TRaaS——把风险去服务化、产品化
  4. 11n、11ac和11ax速率表
  5. [20190727NOIP模拟测试9]单(single) 题解(树上dp)
  6. [导入]干掉Google Base? 微软欲推Fremont服务
  7. 全员全域安全守护,蔚来ET7获Euro NCAP五星安全评级背后的硬核实力
  8. 【2018】【论文笔记】最后一米太赫——
  9. Shorten the command line via JAR manifest or via a classpath file and rerun.
  10. FPGA知识汇集-值得收藏的FPGA代码命名规范?