【问题标题】:Chrome-Extension: Running Content Editor on Client SideChrome 扩展:在客户端运行内容编辑器
【发布时间】:2012-10-01 13:39:21
【问题描述】:

我正在使用 Chrome 扩展程序开发一个非常简单的表单填充器到特定站点。 我从用户那里得到名字、主题和消息,然后把它放在正确的地方。

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

我尝试使用http://ckeditor.com/,但没有服务器就无法工作。 (使用 1 Visual Studio 创建来测试它)。

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

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

(对不起我的英语)

【问题讨论】:

  • 基于contenteditable 的编辑器可能适合您:stackoverflow.com/questions/5228957/…
  • 谢谢你,但你有指向 contenteditable 的直接链接吗?因为你给我的页面中的链接不再工作(404)
  • @apsillers nvm 找到了,谢谢,我会检查一下!

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


【解决方案1】:

在网上搜索了几天后,我发现了这个:http://html5demos.com/contenteditable

它仅适用于 html 5,而且功能惊人!

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

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

这个属性是导致魔法发生的原因:contenteditable="true"

在那个 div 中,您可以从工作空间外扔掉任何东西。也就是说,你可以用WORD做一个href,然后把它复制到div中,它会为你设置好!

1 仍然很奇怪的东西,如果你没有 div 的边框,它不会像普通的文本字段或 textarea 那样为你设置 1。所以如果你没有看到它,它并不意味着它不存在!

享受吧。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-12-24
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    • 1970-01-01
    • 2022-06-29
    • 2012-03-21
    • 2012-06-20
    相关资源
    最近更新 更多