关于富文本编辑器的实现思路

实现富文本编辑器的基础

实现富文本编辑器的方式是将 HTML 中的元素变成可编辑模式，而开始编辑模式的方法便是下面的两种：

基于 div 实现

<div class="editor"></div>
<script>
  const editor = document.querySelector('.editor');
  editor. contenteditable = true
</script>

基于 frame 实现

<iframe src="./editor.html" name="editor" style="width: 640px; height: 480px;"></frame>

<script>
  window.addEventListener('load', function() {
     window.frames['editor'].document.designMode = 'on'
  });
</script>

只有开启了编辑模式，我们才可以在 HTML 中使用 document.exeCommand 方法来动态更新用户希望操作的内容

LinkXSystem / learn-guide

关于富文本编辑器的实现思路 #10