javascript - wysihtml5。图像src和href被剥离

我正在使用 wysihtml5 所见即所得的编辑器。

问题是图像 src 属性和链接 href 属性从 html 中剥离。在服务器上，我已经被剥离了 html。

我该如何解决这个问题？

我正在使用 advanced.js 规则。与所有规则。

Editor

更新 1

那么 editor.getValue 和 jquery().val() for textarea 在表单提交时给出相同的值。意味着应该正确发送表格。

但我看过从浏览器发送的 POST 请求。它没有网址。有问题。

更新 2

如果我从规则集中删除与 img 相关的所有内容，它仍然无法正常工作。

更新 3

回应 Marrowmaw 的评论。

我期待:

<a href="http://domain.com/" title="Link: http://domain.com">Link</a>

但是我明白了

<a href="" title="Link: Null">Link</a>

更新 4

<div id="wysihtml5-toolbar" style="display: none;">
      <button class="btn" data-wysihtml5-command="bold">
        {{ "Bold"|trans }}
      </button>
      <button class="btn" data-wysihtml5-command="italic">
        {{ "Italic"|trans }}
      </button>
      <button class="btn" data-wysihtml5-command="createLink">
        {{ "Link"|trans }}/{{ "Unlink"|trans }}
      </button>
      <button class="btn" data-wysihtml5-command="insertUnorderedList">
        *
      </button>
      <button class="btn" data-wysihtml5-command="insertOrderedList">
        1,2,3
      </button>
      <button class="btn" data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="h1">
        {{ "Heading"|trans }}
      </button>
      <button class="btn" data-wysihtml5-command="insertImage">
        {{ "Image"|trans }}
      </button>

        <div data-wysihtml5-dialog="createLink" style="display: none;">
          <label>
            {{ "Link"|trans }}:
            <input data-wysihtml5-dialog-field="href" value="http://">
          </label>
          <a data-wysihtml5-dialog-action="save">{{ "Save"|trans }}</a>&nbsp;<a data-wysihtml5-dialog-action="cancel">{{ "Cancel"|trans }}</a>
        </div>
             <!-- Dialog -->
         <div data-wysihtml5-dialog="insertImage" style="display: none;">
           <label>
             URL: <input data-wysihtml5-dialog-field="src" value="http://">
           </label>
           <label>
             Alternative text: <input data-wysihtml5-dialog-field="alt" value="">
           </label>
           <label>
                {{ "Align"|trans }}:
                <select data-wysihtml5-dialog-field="className">
                  <option value="">{{ "default"|trans }}</option>
                  <option value="wysiwyg-float-left">{{ "left"|trans }}</option>
                  <option value="wysiwyg-float-right">{{ "right"|trans }}</option>
                </select>
            </label>
           <a data-wysihtml5-dialog-action="save">{{ "Save"|trans }}</a>&nbsp;<a data-wysihtml5-dialog-action="cancel">{{ "Cancel"|trans }}</a>
         </div>
      </div>
      <form action="{{ path('###_save_homepage') }}" method="POST" >
        <textarea id="wysihtml5-textarea" placeholder="{{ "Enter your text"|trans }}..." autofocus name="homepage"  style="width:700px;height:400px;">
            {{ homepage|raw }}
        </textarea>
        <input type="submit" value="{{ "Save"|trans }}" class="btn" />
    </form>

和 JS 初始化:

<script type="text/javascript">
jQuery(document).ready(function(){
    var editor = new wysihtml5.Editor("wysihtml5-textarea", { // id of textarea element
          toolbar:      "wysihtml5-toolbar", // id of toolbar element
          parserRules:  wysihtml5ParserRules // defined in parser rules set
        });

    });

</script>

最佳答案

尝试查看您所引用的wysihtml5-x.x.x.js文件。

他们决定只允许使用绝对URL(以防止XSS的名义)。如果您愿意进行权衡，则下面的代码实质上可以让您采用任何值(value)。

Ctrl-F表示“var attributeCheckMethods”，并进行以下更改-source:

var attributeCheckMethods = {
url: (function() {
    /*var REG_EXP = /^https?:\/\//i;*/
    return function(attributeValue) {
    /*if (!attributeValue || !attributeValue.match(REG_EXP)) {
        return null;*/
    if (!attributeValue) {
        return "";
    }
    /*return attributeValue.replace(REG_EXP, function(match) {
        return match.toLowerCase();
    });*/

    var parser = document.createElement('a');
    parser.href = attributeValue;

    if (   parser.protocol == 'http:'
        || parser.protocol == 'https:'
        || parser.protocol == 'ftp:'
    ) return attributeValue;
    };
})(),

关于javascript - wysihtml5。图像src和href被剥离，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11773820/