wysihtml5 - 属性在 HTML 代码中被删除

Question

我使用 wysihtml5。插入图像时

<img alt src="src" media_img_id="123" data-title="title" data-author="author" />

结果是

<img alt src="src" />

图像规则

"img": {
    "remove": 0,
        "check_attributes": {
            "width": "numbers",
            "alt": "alt",
            "src": "url", // if you compiled master manually then change this from 'url' to 'src'
            "height": "numbers",
    "media_img_id": "numbers"
        },
        "add_class": {
            "align": "align_img"
        }
    },

如何使属性一般不被删除？

Answer 1

我今天有同样的任务来扩展这个编辑器的能力。您应该在特殊对象中添加您的属性：我正在使用额外的 bootstrap3-wysihtml5 - https://github.com/schnawel007/bootstrap3-wysihtml5。应该为元素添加新属性的对象：

var defaultOptions = $.fn.wysihtml5.defaultOptions = { 
  /../

  "img": {
    "check_attributes": 
          {
      "width": "numbers",
      "alt": "alt",
      "data-encid": "alt", <<-here is my custom attribute
      "src": "url",
      "height": "numbers"
      }
    },

 /../
}

在 wysihtml5.js 中，您应该添加条件，其中您的 src 属性不同于经典源（该插件预期）“ http://example.png ”。

第 4922 行：

if (checkAttributes) {
      for (attributeName in checkAttributes) {
        method = attributeCheckMethods[checkAttributes[attributeName]];
        if (!method) {
          continue;
        }
        newAttributeValue = method(_getAttribute(oldNode, attributeName));
        if (typeof(newAttributeValue) === "string") {
          attributes[attributeName] = newAttributeValue;
        }
      }
    }

用。。。来代替：

if (checkAttributes) {
      for (attributeName in checkAttributes) {
        method = attributeCheckMethods[checkAttributes[attributeName]];
        if (!method) {
          continue;
        }
        newAttributeValue = (attributeName == "src" && checkAttributes["data-encid"])
            ? oldNode.src
            : method(_getAttribute(oldNode, attributeName));
        if (typeof(newAttributeValue) === "string") {
          attributes[attributeName] = newAttributeValue;
        }
      }
    }

这里我只是复制了 src 属性值，没有检查 wysihtml5.js 核心。

希望这可以帮助！