ckeditor

首先给你们看下效果图： 上述功能不能满足你们需求的可以不用往下看了…… 先大致介绍下：ckedior官方有6种默认编辑器类型， 分别是： 经典编辑器、内联编辑器、气球块编辑器、气球编辑、文档编辑器、自定义构建 。 根据我的项目需求，我需要 文档编辑器类型 ，应用于VUE项目中，官方文档有针对vue项目的具体步骤： 第一步：为Vue.js安装CKEditor 5 WYSIWYG编辑器组件以及您选择的编辑器构建。 npm install -- save @ckeditor / ckeditor5 - vue @ckeditor / ckeditor5 - build - 你选择的编辑器类型 //比如说：我选择的是上图中的文档编辑器那么，安装语句则为： npm install -- save @ckeditor / ckeditor5 - vue @ckeditor / ckeditor5 - build - decoupled - document 第二步：在main.js引入 import Vue from 'vue' ; import CKEditor from '@ckeditor/ckeditor5-vue' ; Vue . use ( CKEditor ) ; 第三步：手动将编辑器工具栏添加到DOM（使用文档编辑器必选）并加载中文版 如果是经典编辑器不需要这一步 <

富文本编辑器 　富文本编辑器（Rich Text Editor，RTE）是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂HTML用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。 　作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了，毕竟从开发上讲，每个富文本编辑器的用法都是有区别的。 　下面是我收集的一些业界比较受欢迎的富文本编辑器，喜欢的朋友、用过的朋友可以一起看看，一起探讨。 1、TinyMCE 　TinyMCE是一个开源的所见即所得的HTML编辑器，界面相当清新，界面模拟本地软件的风格，顶部有菜单栏。支持图片在线处理，插件多，功能非常强大，易于集成，并且拥有可定制的主题。支持目前流行的各种浏览器，它可以达到微软Word类似的编辑体验。 　而且这么好的东西还是开源免费的，目前一直有人维护，这款编辑器使用的人非常多。 　更多介绍及下载： https://www.tiny.cloud/docs/demo/full-featured/ 2、CKEditor 　Ckeditor也是一款非常经典的富文本编辑器，官方下载量过千万。它是在非常著名的FCkEditor基础上开发的新版本

由于公司需要，本人花费不少时间研究ckeditor，本来ckeditor自带上传图片功能，但是考虑到隔离服务器上传，而且需要进度条，于是乎集成webupload上传控件，但是ckeditor有没有从word复制图片直接粘贴到文本编辑器中的功能，所有介绍这两种用法。 一、ckeditor集成webupload控件实现图片上传功能。 1、首先准备ckeditor文本编辑器插件我这里用的是版本4的，准备webupload插件。 2、对ckeditor文本编辑器实现自定义栏目按钮： （1）在ckeditor目录下的plugins建立一个文件夹simpleupload文件夹，在这个文件夹下在建一个images文件夹（用于放js需要引用从icon图标）和一个plugins.js 文件。 plugin.js文件 (function () { var a = { exec: function (editor) { show();//这个方法是图标点击方法，这下面会用到弹出窗口 } }, b = 'simpleupload'; CKEDITOR.plugins.add(b, { init: function (editor) { editor.addCommand(b, a); editor.ui.addButton('simpleupload', { label:'添加图片', icon:this

It's 2017 and it's the age of HTML5! In HTML5, the line break is <br> , NOT <br /> . But for the life of it, I can't get CKeditor to ditch <br /> in favor of <br> . The incorrect <br /> 's are giving me all sorts of problems. Among them: Failed code validation (In Firefox) Using JavaScript's innerHTML on a code block that was created with <br /> 's, returns <br> 's instead - which messes up comparisons about changes. I found this old forum entry about the issue (in a related program, not in CKeditor itself): http://ckeditor.com/forums/Support/are-not-validated-W3C-validator-How-change But the

0、了解CKeditor的相关文件以及引入js 引入ckeditor的js <script type="text/javascript" src="<c:url value="/resources/js/ckeditor/ckeditor.js" />"></script> 1、开启CKeditor上传图片功能 官方说明 简明的说，就是只需要在创建CKeditor时，添加以下两个配置： 在用CKEDITOR.replace()中配置 filebrowserBrowseUrl: '自定义的请求', filebrowserUploadUrl: '自定义的请求 ' CKEDITOR.replace('editor',{ filebrowserBrowseUrl: '/browser/browse.php', filebrowserUploadUrl: '/uploader/upload.php' }); 或,在config.js添加如下配置 config.filebrowserBrowseUrl ='自定义的请求', config.filebrowserUploadUrl='自定义的请求' 2、编写自定义的请求 @RequestMapping(value="/ckeditor/uploadFile") public void uploadFile(@RequestParam(

In my app, admins can change form template and users should fill in the blanks in this form using CK Editor or other editors. But when I show form to user, they can remove some fields. I dont wanna this. How can I create "uneditable" fields on CK Editor or can you suggest another editors for that? Thanks in advance.. Summary TL;DR You can use the "widget" plugin system, it is designed for this sort of usage where parts of a template are editable, but others are not. It is simply a plugin that extends the widget system to create a non-editable block with editable fields inside (you get drag'n

I have a Django application that requires users to upload multiple images per document. The application has django-ckeditor installed, but the uploaded images end up in the same folder set by the CKEDITOR_UPLOAD_PATH setting. I would like the path to be dynamic, based on the URL scheme. For example, images uploaded to the CKEditor instance on https://myapp/report/1/finding/5 should reside in /ckeditor_base_path/report/1/finding/5/my_img.png . Unfortunately, the URL for the view function that handles setting the path is set by the widget ( CKEditorUploadingWidget ) before the view creates a