移动端富文本编辑器推荐：wangEditor 手机端集成与 API 使用教程

<link rel="stylesheet" href="https://unpkg.com/wangeditor@latest/dist/css/wangEditor.min.css">
<script src="https://unpkg.com/wangeditor@latest/dist/js/wangEditor.min.js">script>

<div id="editor">div>

const editor = new wangEditor('#editor');
editor.create();

editor.config.height = ; // 设置编辑器高度
editor.config.menus = [
  'head',
  'bold',
  'italic',
  'underline',
  'strikeThrough',
  'foreColor',
  'backColor',
  'link',
  'list',
  'justify',
  'quote',
  'image',
  'table',
  'code',
  'undo',
  'redo'
]; // 设置工具栏按钮
editor.config.uploadImgServer = '/upload-image'; // 设置图片上传接口

const html = editor.txt.html();
console.log(html);

editor.txt.html('
这是一段测试内容
');

editor.config.uploadImgHooks = {
  before: function (files) {
    // 上传前的处理
    return files;
  },
  success: function (result, editor) {
    // 上传成功后的处理
    if (result.code === ) {
      editor.insertImg(result.data.url);
    }
  },
  fail: function (result, editor) {
    // 上传失败后的处理
    alert('图片上传失败');
  }
};

editor.txt.change = function (html) {
  console.log('内容发生变化：', html);
};

import { debounce } from 'lodash';

editor.txt.change = debounce(function (html) {
  // 处理内容变化逻辑
}, );

editor.$textElem.on('touchstart', function (e) {
  // 处理触摸开始事件
});

editor.config.lang = 'zh-CN'; // 设置为中文