openWYSIWYG - 动态定位

Question

我正在制作一个网页，其中包含可以点击的不同区域来更改内容。 我想设置它，以便当你点击一个区域时，屏幕中间会出现一个openWYSIWYG编辑器，页面的其余部分显示为灰色。

除了编辑器的定位之外，我已经实现了这一点。当你点击一个部分时，我有一个50％不透明度的div覆盖页面，并且textarea出现在中间。但是当我尝试将编辑器附加到textarea时，它会丢失它的位置并落在div之后，而不是像textarea那样在它之前。

有人可以建议一种以openWYSIWYG编辑器为中心的方法吗？

Answer 1

您正在寻找模态定位。这是一个解决方案：

http://jqueryui.com/demos/dialog/#modal-form

基本上，将Jquery对话框应用于包含WYSIWYG的div。不要忘记提交按钮。

快速抬头 - 几个月前我面临面向客户的网站处理所见即所得的编辑时遇到了相当多的麻烦。似乎单击“从WORD粘贴”按钮是一项非常困难的任务。粘贴代码的代码可能会对网站造成严重破坏，从而超出数据库中的文本字段。我试了一下他们的演示（也不支持基于webkit的浏览器），结果并不漂亮。我发现解决这个问题的唯一两个选项是清理后端的代码，或者使用CKEditor。我选择后者是因为它很容易。看看CK，这是一段很棒的免费代码。