Chrome扩展程序:在客户端运行内容编辑器

时间:2012-10-01 13:39:21

标签: javascript jquery html google-chrome-extension html-editor

我正在使用一个非常简单的表格填充程序,将Chrome扩展程序添加到特定网站。 我正在获取用户的姓名,主题和消息,并将其放在正确的位置。

我的消息部分有问题,因为它使用的是HTML编辑器。我希望能够让用户使用Microsoft Word甚至Front Page创建带有href链接的文本消息,当然还有内容编辑器,只需将用户制作的内容复制到扩展中,它就会填充它在网站上的正确位置。

我尝试使用http://ckeditor.com/,但没有服务器就无法运行。 (使用1 Visual Studio create进行测试)。

是否有像ckeditor这样的内容编辑器,它也可以在客户端工作,我可以使用Javascript从用户那里获取信息?

我知道这是一个奇怪的要求,甚至听起来不合逻辑,但对于朋友来说(以及学习)。

(对不起我的英文)

1 个答案:

答案 0 :(得分:1)

在网上搜索网页的过程中,我找到了这个:http://html5demos.com/contenteditable

它仅适用于html 5,它的功能非常棒!

如果任何1有这个奇怪的请求,这个简单的代码可以让你开始:

 <div contenteditable="true">this is a smaple</div>

此属性是导致失败的原因:contenteditable="true"

在那个div中,你可以从你的工作空间外面抛出任何东西。意思是,你可以用WORD做一个href,然后把它复制到div中,它会为你设置它!

还有一件事情仍然很奇怪,如果你没有div的边框,它就不会像普通文本字段或textarea那样为你设置1。所以,如果你没有看到它,它的意思是不存在!

享受。