EOL转义错误
Bad escaping of EOL
我正在尝试使用一个简单的所见即所得编辑器。JSLint说它有"糟糕的EOL逃脱"。由于我是javascript的新手，我很难弄清楚它的含义，因为我使用的是在线代码。有人能告诉我该怎么做而不是用斜线结束吗？
以下是有问题的代码：http://jsfiddle.net/spadez/KSA5e/9/
/*
* WYSIWYG EDITOR BASED ON JQUERY RTE
*/
// define the rte light plugin
(function ($) {
if (typeof $.fn.rte === "undefined") {
var defaults = {
content_css_url: "rte.css",
dot_net_button_class: null,
max_height: 350
};
$.fn.rte = function (options) {
$.fn.rte.html = function (iframe) {
return iframe.contentWindow.document.getElementsByTagName("body")[0].innerHTML;
};
// build main options before element iteration
var opts = $.extend(defaults, options);
// iterate and construct the RTEs
return this.each(function () {
var textarea = $(this);
var iframe;
var element_id = textarea.attr("id");
// enable design mode
function enableDesignMode() {
var content = textarea.val();
// Mozilla needs this to display caret
if ($.trim(content) === '') {
content = '<br />';
}
// already created? show/hide
if (iframe) {
console.log("already created");
textarea.hide();
$(iframe).contents().find("body").html(content);
$(iframe).show();
$("#toolbar-" + element_id).remove();
textarea.before(toolbar());
return true;
}
// for compatibility reasons, need to be created this way
iframe = document.createElement("iframe");
iframe.frameBorder = 0;
iframe.frameMargin = 0;
iframe.framePadding = 0;
iframe.height = 200;
if (textarea.attr('class')) iframe.className = textarea.attr('class');
if (textarea.attr('id')) iframe.id = element_id;
if (textarea.attr('name')) iframe.title = textarea.attr('name');
textarea.after(iframe);
var css = "";
if (opts.content_css_url) {
css = "<link type='text/css' rel='stylesheet' href='" + opts.content_css_url + "' />";
}
var doc = "<html><head>" + css + "</head><body class='frameBody'>" + content + "</body></html>";
tryEnableDesignMode(doc, function () {
$("#toolbar-" + element_id).remove();
textarea.before(toolbar());
// hide textarea
textarea.hide();
});
}
function tryEnableDesignMode(doc, callback) {
if (!iframe) {
return false;
}
try {
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(doc);
iframe.contentWindow.document.close();
} catch (error) {
console.log(error);
}
if (document.contentEditable) {
iframe.contentWindow.document.designMode = "On";
callback();
return true;
} else if (document.designMode !== null) {
try {
iframe.contentWindow.document.designMode = "on";
callback();
return true;
} catch (error) {
console.log(error);
}
}
setTimeout(function () {
tryEnableDesignMode(doc, callback);
}, 500);
return false;
}
function disableDesignMode(submit) {
var content = $(iframe).contents().find("body").html();
if ($(iframe).is(":visible")) {
textarea.val(content);
}
if (submit !== true) {
textarea.show();
$(iframe).hide();
}
}
// create toolbar and bind events to it's elements
function toolbar() {
var tb = $("<div class='rte-toolbar' id='toolbar-" + element_id + "'><div>'
<p>'
<a href='#' class='bold'>Bold</a>'
<a href='#' class='italic'>Italic</a>'
<a href='#' class='unorderedlist'>List</a>'
</p></div></div>");
$('.bold', tb).click(function () {
formatText('bold');
return false;
});
$('.italic', tb).click(function () {
formatText('italic');
return false;
});
$('.unorderedlist', tb).click(function () {
formatText('insertunorderedlist');
return false;
});
// .NET compatability
if (opts.dot_net_button_class) {
var dot_net_button = $(iframe).parents('form').find(opts.dot_net_button_class);
dot_net_button.click(function () {
disableDesignMode(true);
});
// Regular forms
} else {
$(iframe).parents('form').submit(function () {
disableDesignMode(true);
});
}
var iframeDoc = $(iframe.contentWindow.document);
var select = $('select', tb)[0];
iframeDoc.mouseup(function () {
setSelectedType(getSelectionElement(), select);
return true;
});
iframeDoc.keyup(function () {
setSelectedType(getSelectionElement(), select);
var body = $('body', iframeDoc);
if (body.scrollTop() > 0) {
var iframe_height = parseInt(iframe.style['height']);
if (isNaN(iframe_height)) iframe_height = 0;
var h = Math.min(opts.max_height, iframe_height + body.scrollTop()) + 'px';
iframe.style['height'] = h;
}
return true;
});
return tb;
}
function formatText(command, option) {
iframe.contentWindow.focus();
try {
iframe.contentWindow.document.execCommand(command, false, option);
} catch (e) {
//console.log(e)
}
iframe.contentWindow.focus();
}
function setSelectedType(node, select) {
while (node.parentNode) {
var nName = node.nodeName.toLowerCase();
for (var i = 0; i < select.options.length; i++) {
if (nName == select.options[i].value) {
select.selectedIndex = i;
return true;
}
}
node = node.parentNode;
}
select.selectedIndex = 0;
return true;
}
function getSelectionElement() {
if (iframe.contentWindow.document.selection) {
// IE selections
selection = iframe.contentWindow.document.selection;
range = selection.createRange();
try {
node = range.parentElement();
} catch (e) {
return false;
}
} else {
// Mozilla selections
try {
selection = iframe.contentWindow.getSelection();
range = selection.getRangeAt(0);
} catch (e) {
return false;
}
node = range.commonAncestorContainer;
}
return node;
}
// enable design mode now
enableDesignMode();
}); //return this.each
}; // rte
} // if
$(".rte-zone").rte({});
})(jQuery);
编辑：对于奖励分数，还有另外两个我无法消除的错误-
- 缺少基数参数
- 高度最好用句点表示
JS在ES5之前不支持使用'进行行尾转义-您可以使用带有+运算符的多个字符串，即
"string 1" +
"string 2" +
"string 3"
回复：您的其他问题：
使用
parseInt(n, 10)强制基数（又名基数）10，即十进制使用
iframe.style.height而不是iframe.style['height']
您有两个选项：
1） 按照@csharpfolk的建议激活multistr: true。（您可以在文件级别添加/*jshint multistr: true */，也可以将其添加到您的linter配置文件（.jshintrc、.eslintrc等）中）
2） 按照@Altinak的建议替换你的多环，或者使用数组并加入：
["string 1",
"string 2",
"string 3",
].join('')
相关文章：
- Node.js v6.2.0类扩展不是函数错误
- Jquery菜单操作不稳定，定位不正确，存在一般错误
- document.open/document.write没有正确地清除chrome中的文档——这是chrome的错误吗
- jshint 错误:“EOL 转义错误.如果需要，请使用选项 multistr“，但 multistr 是正确的
- 如何在 jshint 中删除
的错误转义警告 - Javascript JSON 返回带有未转义字符的错误
- Firefox JavaScript 转义错误
- 如果数组为空则转义以避免错误
- EOL转义错误
- jquery附加了很多html(得到“未终止字符串文字”或“错误转义”错误）
- 数字正则表达式导致jshint'错误或不必要的转义'错误
- 在Javascript中转义错误消息
- JQuery表单验证:当有转义JSON时不显示错误消息
- Django.Jquery.用引号转义字符串错误
- MediaWiki中的MathJax:显示转义语法，控制台有404个错误
- 将JSTL变量放入Javascript时出现转义错误
- 忽略jslint '不必要的擒纵'unicode转义序列错误
- 使用转义函数会抛出js错误，因为文本中存在特殊字符
- Window.Open(）转义错误
- 转义字符生成“;缺少）在参数列表“”之后;错误
