百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

全球最优秀的网页在线文字编辑器之一，支持复制黏贴LibreOffice

zhezhongyun 2024-12-01 19:26 127 浏览

前言

很早之前小编就在关注这款富文本编辑器了，CKEditor 是基于FCKeditor重新开发的版本（练小号）。被很多开发者成为全球最优秀的网页在线文字编辑器之一，惊人的性能和可扩展性被各大网站所青睐。本篇小编带大家领略一下CKEditor 4.14 稳定版。


更新内容

添加新功能、修复错误以及改进 API。

其中最值得关注的是，此版本支持将从 LibreOffice 复制的内容直接粘贴到 CKEditor 编辑器，并保留原始结构和格式，包括图像、字体样式、标题级别、嵌套列表、复杂表格等其他高级设置。除此之外，该版本还针对 HTML 数据处理器和 WebSpellChecker Dialog 插件进行了安全修复，官方强烈建议升级至此版本。


复制粘贴 LibreOffice 文档

CKEditor 4 对于从 Word，Excel 和 Google Docs 复制粘贴内容有着强大的支持，此版本新增的"Paste from LibreOffice"插件把 LibreOffice 也添加了进来，用户可以从 LibreOffice Writer 复制内容到 CKEditor 编辑器，编辑器会保留原始结构和格式并将其调整为在编辑器中使用的样式，以生成语义化的干净 HTML 代码。


默认情况下，“标准”和“完整”版编辑器的预设中均提供此功能。

修复安全问题

CKEditor 4.14 修复了 HTML 数据处理器中的一个 XSS 漏洞。当被攻击者执行了以下操作，攻击者就能够在 CKEditor 中进行 XSS 攻击：

  1. 切换 CKEditor 到“源码模式”
  2. 将攻击者准备的特制 HTML 代码粘贴到 1 的窗口中
  3. 切换回“所见即所得模式”

此外，4.14 还修复了 CKEditor 4 “标准”和“完整”版本预置中，其包含的第三方 WebSpellChecker Dialog 插件中的 XSS 漏洞。

集成 Vue.js

这是对 CKEditor 集成 React 和 Angular 等类似框架的补充，集成 Vue.js 意味着，开发者可以通过<ckeditor />标签以 Vue.js 组件的形式使用 CKEditor 4 ，而作为 Vue.js 的原生组件，开发者可以更快地将其应用到网站上。


下载地址：https://ckeditor.com/ckeditor-4/download/

相关推荐

3 分钟!AI 从零开发五子棋全过程曝光，网友:这效率我服了

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8...

一行代码实现display&quot;过渡动画&quot;原理

作者：Peter谭老师转发链接：https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg写本文的起因上篇文章，提到如何让display出现过渡动画，却没有仔...

脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下

AlekseiVinogradovisaRussianfreelancedigitalartistwhoshareshisskillsandtalentwith120k...

浏览器的渲染机制、重绘、重排

1、什么是重排和重绘网页生成过程：HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树，生成一棵渲染树(RenderTree)生成布局（flo...

托福写作高频考题写作思路&amp;词汇丨考虫独家

科技话题与媒体话题是托福写作的常考话题很多考生对这两类话题里的专有词汇表达也许很不了解所以今天就跟随考虫托福写作老师刘云龙老师一起来学习在这些话题的写作里你可以使用哪些有用的表达。希望大家有收获！记得...

在优麒麟上使用 Electron 开发桌面应用

使用Web标准来创建桌面GUI，上手快、成本低、跨平台、自适应分辨率，这些都是Electron的优势。作者/来源：优麒麟Electron是由Github开发，用HTML、CSS和...

php手把手教你做网站(三十八)jquery 转轮盘抽奖，开盲盒

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。1、转轮盘本来是想直接绘图实现轮盘，但是没有找到怎么填充文字，只好把轮盘弄成了背景图，通常用于游戏抽道具，商城积分抽奖，公司年末员工抽奖点击抽...

用 CSS 整活!3D 轮播图手把手教学，快乐代码敲出来

兄弟们，今天咱来搞点好玩的——用CSS整一个3D轮播图！咱野生程序员就是要在代码里找乐子，技术和快乐咱都得要！代码是写不完的，但咱能自己敲出快乐来，走起！一、先整个容器，搭个舞台咋先写一个...

实现一个超酷的 3D 立体卡片效 #前端开发

今天我们来实现一个超酷的3D立体卡片效果。正常情况下就是一个普通的图片展示卡片，鼠标悬停的时候图片会跳出卡片，并将影子投射到背景卡片上，在视觉上有一个3D立体感。html主要分成3个部分：容器→背景层...

Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;

模态框的"层级噩梦"与Teleport的救赎"这个模态框怎么又被父容器截断了？"团队协作开发后台系统时，小张第N次遇到这个问题。多层嵌套的组件结构里，弹窗被overfl...

让交互更加生动!有意思的鼠标跟随 3D 旋转动效

今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯CSS...

填坑:transform元素导致zindex失效终极方法

今天遇到了使用css3动画的元素层级被放大置顶的问题，ios浏览器上没问题，安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效，兄弟元素设置多高的z-index都盖不住解决办...

诡异的层级错乱:一个被transform隐藏的CSS陷阱

周五下午三点十七分，设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单，此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系，手指下意识地敲下z-index:9999，心里清楚这不过是程序...

动画篇--碎片动画

本文授权转载，作者：Sindri的小巢（简书）前言从最开始动笔动画篇的博客，至今已经过去了四个多月。这段时间回头看了看自己之前的动画文章，发现用来讲解动画的例子确实不那么的赏心悦目。于是这段时间总是想...

Nature:大洋转换断层处的拉张构造与两阶段地壳增生

Nature：大洋转换断层处的拉张构造与两阶段地壳增生转换断层是三种基本的板块边界之一，全球总长度超过48000km（Bird,2003），它们的发现为板块构造理论的建立奠定了重要的基础（Wil...

一周热门
最近发表
标签列表