【问题标题】:Paste from Word to TinyMCE从 Word 粘贴到 TinyMCE
【发布时间】:2015-07-11 22:28:59
【问题描述】:

我试图让我的用户从文字处理器(MS Word、Open Office..)粘贴内容,并让它将垃圾标记处理成有效的 html。

这是我的代码的小提琴:http://fiddle.tinymce.com/xLeaab

我要保留:

  • 粗体、斜体、删除线(完成)
  • 表格和列表(完成)
  • 字体颜色、文本突出显示和对齐方式(请帮助)

仅供参考 - 作为我当前解决方案的一部分,我一直在 Stackoverflow 上查看这些问题,但是我在 RegEx 方面不是最好的,所以我很难过:

【问题讨论】:

  • 你能发布一个“垃圾标记”的例子吗?
  • @PedroLobito,OP 指的是“垃圾标记”bc word 使用 html、open xml 和 rte 格式的超集。因此,当从 word 粘贴到 HTML 时,除了保留正确的标记外,还必须删除额外的或“垃圾标记”。
  • 看看here,对你来说可能是一个好的开始
  • @PedroLobito,你的想法是对的,但 Rachel 正在使用 paste 插件 并试图正确配置 paste_word_valid_elements。她的小提琴已经满足了她的许多欲望。只是字体颜色、突出显示和对齐没有正确呈现。
  • 我从未收到您关于我的解决方案的回复。你有机会尝试吗?是不是功亏一篑?如果有,以什么方式?

标签: javascript jquery regex tinymce


【解决方案1】:

我想我知道了,Check Fiddle

确认:

  • 文本对齐方式
  • 字体
  • 颜色
  • 亮点

我的更改:

1) 注释掉了你的 paste_postprocess(它是在清理样式)

    //paste_postprocess: function(plugin, args) {
    //    args.node.innerHTML = cleanHTML(args.node.innerHTML);
    //},

2)在init中定义了一组paste_word_valid_elements(允许的列表)

    paste_word_valid_elements: "b,strong,i,em,h1,h2,u,p,ol,ul,li,a[href],
          span,color,font-size,font-color,font-family,mark",

3) 将粘贴保留样式设置为“全部”(如果要选择性,请创建自定义列表)

     paste_retain_style_properties: "all",


小提琴屏幕截图

【讨论】:

  • @rachelc,我从来没有听到我的例子有什么问题。我本可以解决你发现的任何缺陷......
【解决方案2】:

WordPress TinyMCE 用户:

Dave's answer 上面解决了我在 WordPress 中实现的问题:

(使用 TinyMCE 插件和高级 TinyMCE 配置 插件)

使用以下 TinyMCE 配置覆盖:

名称:值

keep_styles : 真

paste_retain_style_properties:真

Image: The settings page implementation

非常感谢Dave

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多