我正在使用 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> <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> <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/