layui + ueditor 的使用

在使用layui后发现layedit编辑器存在一些问题,如样式处理、功能限制等,因此转向集成ueditor。通过研究如何将ueditor与layui模块化结合,发现可以直接在页面中引入ueditor的js文件,避免复杂集成。以下是集成步骤:1. 下载ueditor并放入static文件夹;2. 在页面中引入所需js文件;3. 实例化编辑器。后续需要测试是否存在问题。
摘要由CSDN通过智能技术生成

以前也用这个富文本编辑器,但是,后边使用layui后,就会使用layedit这个富文本编辑器。后来发现,layedit的编辑器问题很大。有一系列的问题:

  1. 复制word文档,样式取消。没有办法处理
  2. 复制粘贴后,如果在粘贴之前存在段落。那么段乱中设置的字体就会取消设置,回归初始。
  3. 功能较少。我使用了一个首行缩进功能,只有一个人有过这样的操作。但是,首行缩进只能一行进行缩进。如果段落较多,那么需要多次进行设置,好麻烦啊。
  4. ...... 总之,直接放弃了

现在来说使用ueditor集成到layui中。怎么集成?

集成之前思考的问题:

  1. layui是使用模块化的。那么,怎么把一个js插件与layui相结合?
  2. 使用layui的模块化样式修改ueditor的js源码符合layui的调用模块样式?
  3. ueditor的需要的东西很多,怎么能修改好使之能正确的调用到?

发现这样操作是很麻烦的。那么怎么解决这种复杂的问题?我上网查询怎么集成。发现很多都是这样进行修改的。我想是不是只有这一种方式。我也操作了一下,没理出头绪来。遂放弃了。后来看到了vaeThink 这个轻量级的PHP框架。这里边有集成。经过查看发现:没有必要把ueditor做成一个layui的模块。在使用ueditor的页面中引入需要的js。作为两个互不交融的js文件就好了。

步骤:

  1. 下载ueditor的文件,并把ueditor下的文件全部复制到static文件夹下(我这个是springboot项目)(js文件中有调用。最好不要就复制主要的js文件,出错了再修改错误).
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值