javascript - 网站(docs.google 或 hotmail)中的 Wordlike 输入屏幕 javascript php

Question

我相信标题已经说明了一切，但这是我的问题:

我想知道的是如何实现一个Office Wordlike“一张纸”的输入屏。我想构建某种“时事通讯渲染器”，我想为用户显示这样的屏幕。我能想到的唯一解决方案是一个大 <textarea>带有一些 CSS 样式。

(我已经在网上搜索过，但还是一无所获)请原谅我的写作，我的英语不是很好。

---

我现在已经使用了基于 JavaScript 的“所见即所得编辑器”。它“有效”，但对于我自己的电子邮件后端(即将到来)，我需要从 Iframe 中获取值(value)。

iframe 的 ID 是:#content_ifr。在 iframe(我发现的)中有一个

元素，我/您提交的文本放在其中。

但是如果我在控制台中输入以下代码，我会返回“一个空字符串”:console.debug($("#content_ifr").contents().find("p").contents().val());

或“未定义”:

console.debug($("#content_ifr").contents().find("p").contents().value);

怎么办？ :O

我会尽快将最新版本上线:http://dominiquedebrabander.nl/nieuwsbrief

---

更新:console.debug(tinyMCE.get('content').startContent) 是从 iframe 中获取内容的方法。 (是吗？)谢谢(2 三十点；))

我想我在这里得到了帮助，但我还有 1 个小问题(只是因为我很好奇)，他们如何获得选定的文本？ (在选定的文本上实现下划线和粗体)。
“window.getSelection()”似乎不起作用？还是我做错了什么？ :O

Answer 1

what I want to know is how to realize a Office Wordlike "piece of paper" inputscreen

听起来您正在寻找基于 JavaScript 的“所见即所得编辑器”。

尝试 TinyMCE , 这是一个相关的 demo .