当前位置: 首页 > news >正文

Ueditor中集成135编辑器

一、背景

在资讯项目平台运营过程中,资讯需要排版,一般都是在135编辑器排好以后,复制到平台中UEditor编辑器中,所以,他们建议集成一下135哈

二、了解135编辑器

开始调研了解135编辑器,发现人家就支持集成哈,
官网集成链接地址,点击这里可以看到,其实很简单

三、Ueditor集成135编辑器

3.1、下载插件

下载135editor.js: 下载

将插件的文件下载到项目ueditor对应的目录里,并将135editor.js加载到自己的网页里(放在ueditor.all.min.js之后)
在这里插入图片描述

3.2、修改配置文件

ueditor.config.js中toolbars项里增加一个135editor菜单项,
在这里插入图片描述

在这里插入图片描述

3.3、增加CSS代码

在自己的项目调用编辑器的网页里中增加一段CSS

<style>.edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{background-image: url("https://static.135editor.com/img/icons/editor-135-icon.png") !important;background-size: 85%;background-position: center;background-repeat: no-repeat;}</style>

备注:
唤起135编辑器后,在编辑区域排版内容,点击右侧“完成编辑” 就会将所有内容自动返回到自己的编辑器里面。

http://www.lryc.cn/news/385431.html

相关文章:

  • C++ type list 模板
  • vscode刷LeetCode算法题环境配置
  • OpenCV报错已解决:Vector析构异常OpencvAssert CrtlsValidHeapPointer
  • AudioLM音频生成模型
  • Shardingsphere-Proxy 5.5.0数据迁移
  • c语言中的for循环
  • 大模型微调(finetune)方法
  • Bootstrap 5 卡片
  • 【ONLYOFFICE 8.1】的安装与使用——功能全面的 PDF 编辑器、幻灯片版式、优化电子表格的协作
  • 「51媒体」浙江地区媒体邀约
  • 2-18 基于matlab的关于联合对角化盲源分离算法的二阶盲识别(SOBI)算法
  • C++中常用的标志库
  • 近期计算机领域的热点技术
  • HarmonyOS Next 系列之可移动悬浮按钮实现(六)
  • 如何获得更高质量的回答-chatgpt
  • ASP.NET Core 6.0 使用 Log4Net 和 Nlog日志中间件
  • 使用Spring Boot实现与ActiveMQ的消息队列集成
  • 深度学习 - Transformer 组成详解
  • ONLYOFFICE 8.1编辑器桌面应用程序来袭——在线全面测评
  • 《Windows API每日一练》6.4 程序测试
  • [C#]基于opencvsharp实现15关键点人体姿态估计
  • lambda-map.merge
  • pppd 返回错误码 含义
  • XML 技术
  • 基于RabbitMQ的异步消息传递:发送与消费
  • Golang | Leetcode Golang题解之第201题数字范围按位与
  • 竞争性谈判中,主要谈判什么内容?(电子化招采系统)
  • youlai-boot项目的学习(4) 前后端本地部署
  • Redis 5 种基础数据结构?
  • 搜维尔科技:SenseGlove Nova2国内首款支持手掌心力回馈手套开售