저는 리치 텍스트 에디터에서 일하고 있으며 지금까지 잘 해왔습니다. 별도의 .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>
는
[문서 읽기.] (https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName)'getElementsByClassName'는 둘 이상의 요소를 반환합니다. –