适用于固定盒子的最佳JavaScript WYSIWYG解决方案

Question

我有一个正好是425px x 100px的盒子，我希望我的用户用WYSIWYG编辑器设置这个盒子内容的样式。他们应该能够使用这个盒子里面的几乎所有HTML。

不，我正在寻找一个正确的WYSIWYG编辑器，我曾经使用TinyMCE来解决这些问题，但我认为这对于长篇连续文本来说是最好的，但是现在我有一个固定的盒子。

如果编辑器能够将文本和图像置于绝对位置，那将是非常棒的，因此用户可以将其内容放置在此框内的任何位置。

Answer 1

http://ckeditor.com/

我发现ckeditor很有用，具有丰富的图像或文本功能，允许你使用WYSIWYG和html源格式化方法，它还有修复大小的“画布”，用户可以根据需要自定义，

打印我实际使用它的屏幕，

，这是源屏幕 最后我使用800x500固定尺寸画布

Answer 2

你可以使用tinymce来做到这一点。要定位文本和图像，您需要一个自己的内容css（请参阅tinymce documentation for the configuration parameter content_css）。你甚至可以在这个css中定义tinymce内容的段落宽度，解决你的盒子问题。您的盒子问题的css（将放在您自己的css文件中）如下所示：

p {
  width: 100px;
}

关于长度（或更好的高度），您可能需要实现自己的插件并检查那里的编辑器内容的长度。如果已达到该长度，则删除用户刚尝试插入的字母/内容。

Answer 3

一个简单而有效的解决方案是PageDown。它使用Markdown，因此它允许HTML格式化。但是，PageDown包含两个用于清理其内容的脚本。通过一些修补，您可以允许或限制其他标签。

至于定位，正如Thariama所说，这很容易被你的CSS所控制，所以对于WYSIWYG编辑来说这是一个非问题。

Answer 4

http://ckeditor.com/

http://docs.cksource.com/FCKeditor_2.x/Users_Guide/Common_Tasks/Inserting_Images

Answer 5

根据您的需要，我建议nicedit。您也可以使用轻型版本以及固定的高度和宽度。