我正在研究富文本编辑器并且到目前为止做得很好。我制作了一个单独的 .js
文件以将其用作插件。
现在我想通过 .cshtml
文件给它一个类名来使用这个插件。但它似乎不起作用,我搜索了相关的答案,他们说使用 document.getElementsByClassName
将解决我的问题。
请检查这段代码并告诉我哪里出了问题?
文本编辑器.js-
var richTextEditor = document.getElementsByClassName("text-editor");
richTextEditor.contentDocument.designMode = 'ON';
$('#strong').live('click', function () {
richTextEditor.contentDocument.designMode = 'ON';
richTextEditor.contentDocument.body.contentEditable = true;
richTextEditor.contentDocument.execCommand('bold', false, null);
richTextEditor.focus();
});
cshtml 文件-
<script src="/js/Texteditor.js" type="text/javascript"></script>
<script src="/js/jquery.js" type="text/javascript"></script>
<div id="strong" class="command btn"><i class="icon-bold icon-black"></i></div>
<iframe id="edtNoteCreate" class="text-editor" name="DisplayNote" style="width:430px;height:150px;">@((Model.Note != null ? Model.Note : ""))</iframe>
最佳答案
只取匹配节点的第一项;它是一个 NodeList,但可以像数组一样取消引用。
var richTextEditor = document.getElementsByClassName("text-editor")[0];
关于Javascript:按类名获取元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15539245/