网站(docs.google 或 hotmail)中的文字输入屏幕 javascript php
我相信标题已经说明了一切,但我的问题是:
我想知道的是如何实现一个类似Office Word的“一张纸”输入屏幕。 我想构建某种“新闻通讯渲染器”,我想为用户显示这样的屏幕。 我能想到的唯一解决方案是一个带有一些 CSS 样式的大
(我已经在网上搜索过,但还是一无所获) 请原谅我的写作,我的英语不太好。
我现在已经使用了基于JavaScript的“所见即所得编辑器”。它“有效”,但对于我自己的电子邮件后端(即将推出),我需要从 Iframe 中获取价值。
iframe 的 id 是:#content_ifr 。 在 iframe 中(我发现的)有一个 < p>放置我/您提交的文本的元素。
但是,如果我将以下代码放入控制台,我会得到“空字符串”: 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()”似乎不起作用?或者我做错了什么? :哦
I believe the title already says it all, but here is my question:
what I want to know is how to realize a Office Wordlike "piece of paper" inputscreen.
I want to build a some kind of "newsletter renderer" which I want to show such an screen for the user.
only solution I could think of was an big <textarea>
with some CSS styling.
(I already searched on the web but I still found nothing)
Excuse my writing, I'm not so great in English.
I have used the JavaScript-based "WYSIWYG editor" now. It 'works' , but for my own emailing backend (to come) I need to get the value out of there Iframe.
id of iframe is: #content_ifr .
in the iframe (what i've found) there is a < p > element where my/your submitted text is put in.
But if I put the following code in console, I get "an empty string" back:
console.debug($("#content_ifr").contents().find("p").contents().val());
or "undefined" :
console.debug($("#content_ifr").contents().find("p").contents().value);
what to do? :O
I will put latest version online asap: http://dominiquedebrabander.nl/nieuwsbrief
update:
console.debug(tinyMCE.get('content').startContent) is the way to get the content out of the iframe. (is it?) thanks (2 thirtydot ;))
I think i'm helped here, but I have 1 small question left (just because I am curious), how do they get the selected text? (to achieve underlines and bold on selected text).
"window.getSelection()" doesn't seem to work? or am I doing something wrong? :O
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
听起来您正在寻找一个基于JavaScript的“所见即所得编辑器”。
尝试TinyMCE,这里有一个相关的演示。
It sounds like you're looking for a JavaScript-based "WYSIWYG editor".
Try TinyMCE, here's a relevant demo.