Question

我正为我的网站构建一个sipmle WYSIWYG编辑器。

现场提供它将生成的可能内容，有一个由div包装的YouTube视频，以使其响应。

我的问题是，一旦我在contentEditable div中插入这个子div，有时用户会将插入符号放在子div中，向其添加内容，当该元素应该保持不变并且应该添加更多数据时在它之外。

有没有办法防止插入符号进入子div？或者这个问题的任何其他可能的解决方案？

以下是基本代码：

<div class="htmlbox">
    <div class="htmlboxtools">
        <div class="icon-video"  onclick="insertVideo(this)"></div>
    </div>
    <div class="htmlboxedit" contenteditable="true">
    </div>
</div>

function insertVideo(element){

    $(element).closest('.htmlbox').children('.htmlboxedit').focus();
    embed = '<div class="video-responsive"><iframe src="http://www.youtube.com/embed/SMe-hvCwTRo" frameborder="0" allowfullscreen></iframe></div>';
    pasteHtmlAtCaret(embed);

};

pasteHTMLatCaret（）位于：https://stackoverflow.com/a/6691294/2724978

ContentEditable div禁用子div内的编辑

0 个答案: