javascript 类似于weebly页面编辑器的丰富内容编辑器

rich content editor similar to weebly page editor

提问by Nir Gavish

does anyone know of a nice javascript (preferably jquery) library that allows you to drag, drop and edit in place, in a similar manner to the weebly content editor?

有没有人知道一个不错的javascript（最好是jquery）库，它允许您以类似于weebly 内容编辑器的方式拖放和编辑到位？

回答by Deepak Thomas

I've been searching for something similar for a long time. Here's a compilation of the best I've found so far (apart from the obvious ones like TinyMCE, FCK Editor, NicEdit, MarkItUp! etc..)

我一直在寻找类似的东西很长一段时间。这是迄今为止我发现的最好的汇编（除了像 TinyMCE、FCK Editor、NicEdit、MarkItUp！等明显的那些）

• Rich Text Editor Framework for React https://facebook.github.io/draft-js/
• 'Medium'-like Editor http://daviferreira.github.io/medium-editor/
• WYSIHTML5 Editor http://xing.github.io/wysihtml5/
• Sir Trevor JS - easily extensible, 'blocks' concept http://madebymany.github.io/sir-trevor-js/example.html
• uEditor - very minimal http://www.upian.com/upiansource/ueditor/demo/custom.html
• Fresh Editor - minimal and light weight http://dl.dropboxusercontent.com/u/140543/FresherEditor/demo.html
• Hallo.js - Similar to medium's editor http://hallojs.org/
• Proper - HTML5 semantic text editor http://quasipartikel.at/proper/
• Aloha Editor - great looking, free, full-page editor with good features http://www.aloha-editor.org/demos/3col/
• QuillJS- A powerful, extensible RTE https://quilljs.com/

• React 的富文本编辑器框架https://facebook.github.io/draft-js/
• “中等”类编辑器http://daviferreira.github.io/medium-editor/
• WYSIHTML5 编辑器http://xing.github.io/wysihtml5/
• Sir Trevor JS - 易于扩展的“块”概念http://madebymany.github.io/sir-trevor-js/example.html
• uEditor - 非常小http://www.upian.com/upiansource/ueditor/demo/custom.html
• 新鲜编辑器 - 最小和轻量级http://dl.dropboxusercontent.com/u/140543/FresherEditor/demo.html
• Hallo.js - 类似于媒体的编辑器http://hallojs.org/
• 正确 - HTML5 语义文本编辑器http://quasipartikel.at/proper/
• Aloha 编辑器 - 外观漂亮、免费、整页的编辑器，具有良好的功能http://www.aloha-editor.org/demos/3col/
• QuillJS- 一个强大的、可扩展的 RTE https://quilljs.com/

Paid:

有薪酬的：

• Froala- Feature rich and highly extensible https://www.froala.com/wysiwyg-editor
• Redactor - Feature rich, but it's not free for commercial use - http://imperavi.com/redactor/

• Froala- 功能丰富且高度可扩展https://www.froala.com/wysiwyg-editor
• Redactor - 功能丰富，但不能免费用于商业用途 - http://imperavi.com/redactor/

(updated 20 Oct 2017)

（2017 年 10 月 20 日更新）

回答by PieBie

So, almost four years after the original question, people are still searching.

因此，在最初提出问题将近四年之后，人们仍在寻找。

I've been researching something similar for a couple of days now. We need a drag & drop editor for inclusion in an open source project. It needs to be a truly drag & drop site builder, not just a (fancy) text editor. These are some of the editors that look promising. Some of these may have been mentioned before. Not all are free or open source.

我已经研究了几天类似的东西。我们需要一个拖放编辑器以包含在开源项目中。它需要是一个真正的拖放站点构建器，而不仅仅是一个（花哨的）文本编辑器。这些是一些看起来很有前途的编辑器。其中一些可能之前已经提到过。并非所有都是免费或开源的。

• Contentbuilder.js: http://innovastudio.com/content-builder.aspx
• Odoo website builder: https://www.odoo.com/page/website-builder
• Ace/Cloud 9: http://ace.c9.io/#nav=about
• Pencil: http://pencil.evolus.vn/
• Redactor: http://imperavi.com/redactor/
• Mercury: https://github.com/jeHymans0n/mercury
• Impress Pages: https://www.impresspages.org/

• Contentbuilder.js：http://innovastudio.com/content-builder.aspx
• Odoo 网站建设者：https://www.odoo.com/page/website-builder
• 王牌/云 9：http: //ace.c9.io/#nav=about
• 铅笔：http: //pencil.evolus.vn/
• 编辑器：http: //imperavi.com/redactor/
• 水星：https: //github.com/jeHymans0n/mercury
• 印象页面：https: //www.impresspages.org/

回答by Jacobo Lopez

I had the same concern a year ago and doing some research I found impresspages CSM give it a try. it is amazing. It's written in PHP and usus jquery to provide drag and drop for edit in place functionality. current version 2.6 and it's Open Source GNU GPL v3.0 or MIT license.

一年前我也有同样的担忧，做了一些研究，我发现 impresspages CSM 试一试。太棒了。它是用 PHP 和 usus jquery 编写的，为就地编辑功能提供拖放功能。当前版本 2.6，它是开源 GNU GPL v3.0 或 MIT 许可证。

Impresspages CMS

印象页内容管理系统

回答by Thariama

I use tinymce rich text editorwith jQuery and i am able to edit in place, drag and drop.

我使用带有 jQ​​uery 的tinymce 富文本编辑器，我能够就地编辑、拖放。