mediumEditor.jsで子要素を編集できないようにする

Question

親要素は編集可能ですが、中エディタで子要素を編集しないようにする方法。 例：

<div class="editable"> 
This text should be editable<span class="no-editable"> This text should not be editable.</span> 
</div> 

<script> 
    var editor = new MediumEditor('.editable'); 
</script> 

Answer 1

コンテンツを編集できない属性を囲むだけで構いません。

<script src="https://yabwe.github.io/medium-editor/bower_components/medium-editor/dist/js/medium-editor.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<link href="https://yabwe.github.io/medium-editor/bower_components/medium-editor/dist/css/medium-editor.min.css" rel="stylesheet"/> 
 
<link href="https://yabwe.github.io/medium-editor/bower_components/medium-editor/dist/css/themes/tim.min.css" rel="stylesheet"/> 
 

 
<div class="editable"> 
 
    <p> 
 
    This text should be editable 
 
    </p> 
 
    <p contenteditable="false"> 
 
    This text should not be editable. 
 
    </p> 
 
</div> 
 

 
<script> 
 
    var editor = new MediumEditor('.editable'); 
 
</script>