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

发布于 2024-11-29 13:16:52 字数 987 浏览 0 评论 0原文

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

我想知道的是如何实现一个类似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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

国际总奸 2024-12-06 13:16:52

我想知道的是如何实现一个类似于Office Word的“一张纸”输入屏

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

尝试TinyMCE,这里有一个相关的演示

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

It sounds like you're looking for a JavaScript-based "WYSIWYG editor".

Try TinyMCE, here's a relevant demo.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文