CKEditor 4 编辑器已与 Vue.js 集成
虽然 CKEditor 4 不是目前主要维护的分支,不过官方并没有让它落后于潮流。近日,CKEditor 团队发布了与 Vue.js 框架原生集成的 CKEditor 4。
这就意味着,开发者可以通过<ckeditor />
标签以 Vue.js 组件的形式使用 CKEditor 4 ,而作为 Vue.js 的原生组件,开发者可以更快地将其应用到网站中。为了尽可能简单直观地安装使用 CKEditor 4,集成 Vue.js 的 CKEditor 4 已在 npm 和 CDN 中提供,也可通过 zip 包使用。
根据官方的介绍,CKEditor 4 只是一个 JavaScript 富文本编辑组件,与大家熟知的 JavaScript 框架都兼容,它没有使用小众技术或要求在不常见的环境中运行。只要开发者使用的框架没有奇怪的限制,CKEditor 4 都能与其兼容。
浏览器支持
CKEditor 4 Vue 组件可在除 Internet Explorer 之外的所有受支持的浏览器中使用。
注意:即使 CKEditor 4 支持包括 IE8、IE9 和 IE10 在内的较旧 Internet Explorer 版本,但集成 Vue 的 CKEditor 4 仅支持在最新的 Internet Explorer 11 中使用。
要启用对 Internet Explorer 11 的支持,不应采用标准导入的方式,而是需要导入一个包含所有必需的 polyfill 的特定文件dist/legacy.js
:
import CKEditor from 'ckeditor4-vue/dist/legacy.js'
安装和使用
要从 npm 安装 Vue.js 的 CKEditor 4 组件,只需运行:
npm install ckeditor4-vue
安装完成后将其导入项目中,并通过调用Vue.use()
方法进行使用:
import Vue from 'vue' ; import CKEditor from 'ckeditor4-vue' ; Vue.use( CKEditor ); new Vue( { // ... options } )
然后应在模板中添加<ckeditor />
标签以创建 CKEditor 4 实例:
<template> <div id="app"> <ckeditor value="Hello, World!"></ckeditor> </div> </template>
上面代码中使用的value
属性负责设置初始的编辑器数据。
文档和示例:https://ckeditor.com/docs/ckeditor4/latest/examples/vue.html
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
微软在 Windows 10 ”开始“菜单中建议 Firefox 用户改用 Edge
基于 Chromium 的 Microsoft Edge80已于近日完成发布,而微软似乎也正在全力以赴地对该浏览器进行推广。 目前,Microsoft已经在 Windows 10 的“开始”菜单中通常显示有关新应用程序建议的位置显示了 Microsoft Edge的广告。值得注意的是,Microsoft这一广告行为似乎专门针对在其设备上安装了其他浏览器的用户。 例如,在reddit 上发布的有关屏幕截图中,Microsoft 似乎在针对Firefox用户投放该广告。据截图显示,Windows 10 “开始”菜单中“suggestion”栏下显示的内容为:“Still using Firefox? Microsoft Edge is here”。用户单击该消息则可下载基于 Chromium 的 Edge 版本。 当然,对于微软此举,用户的反应也是褒贬不一。一些人表达了对Microsoft 新型 Edge 浏览器的喜爱之情,认为其响应速度、流畅性很不错,UI 也具有很好的美感等等。也有人表达了对 Firefox 的支持;此外还有人抱怨称,微软正在使用其“suggestion”功能在用户已经...
- 下一篇
美国国家安全局 NSA 的 Python 培训文档公开
此前微软官方上线了 Python教程文档,后来甚至推出了免费视频教程,引起一阵热议,现在美国国家安全局(NSA)的 Python 培训文档也在网上公开了。 这一文档的公开要归功于软件工程师Chris Swenson,他的推特表示,其向 NSA 提出了信息安全法(FOIA)请求,要求获得 NSA 的 Python 培训材料,之后他收到了 NSA 返回的 400 页文档。随后 Chris 将文档扫描打印,并上传到了网上。 NSA 的培训文档简要介绍了 Python 语法,着重介绍了一些实用的模块,以及该语言适用的领域,比如自动化任务、创建 Web 应用或进行高级数学研究等,并且有一些实操项目,大致上与其它 Python 教程大同小异。 “如果你还不懂任何编程语言,那么 Python 是一个不错的起点。如果你已经知道另一种语言,那么选择 Python 也很容易”,NSA 表示:“Python 并非完全没有挫折和困惑,但是希望你在很好地使用Python 很长时间之后才会遇到这些问题。” 完整文档可以在这里查看: https://archive.org/details/comp3321/page...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2整合Redis,开启缓存,提高访问速度
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- 设置Eclipse缩进为4个空格,增强代码规范
- CentOS7,8上快速安装Gitea,搭建Git服务器
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS8编译安装MySQL8.0.19
- Docker快速安装Oracle11G,搭建oracle11g学习环境