editor

简介

富文本编辑器，可以对图片、文字进行编辑。

编辑器导出内容支持带标签的 html 和纯文本的 text，

属性说明

属性名	类型	默认值	必填	说明
defaultHtml	String	none	否	初始化内容
editorPlaceholder	String	none	否	执行 editor 的 placeholder
done	String	none	否	按钮文案
imgs	Array	none	否	在光标处插入传入的图片

Events

事件名	说明	回调参数
onChange	页面内容变化时触发	content（变化后的最新内容）
choseMedia	点击 toolbar 图片按钮触发，配合上面的 imgs 属性，可实现动态插入图片功能	number（可插入图片最大值，目前固定为 9）
onSave	通知用户保存内容	content（当前编辑器内容）

示例

<view class="wrap">
  <editor
    :defaultHtml="defaultHtml"
    :done="done"
    :imgs="imgs"
    bind:choseMedia="onChoseMedia"
    :editorPlaceholder="editorPlaceholder"
    bind:onSave="onSave"
    bind:onChange="onChange"
  />
</view>

Page({
  data: {
    defaultHtml: "<p>hello editor</p>",
    editorPlaceholder: "请输入",
    done: "完成",
    imgs: [],
    id: null,
  },
  onLoad({ id }) {
    this.setData({
      id,
    });
  },
  onChange(data) {
    console.log("onChange===", data);
  },
  onChoseMedia(count) {
    dlt.chooseMedia({
      count,
      success: (res) => {
        try {
          const images = JSON.parse(res.images) || [];
          this.setData({
            imgs: images,
          });
        } catch (error) {}
      },
    });
  },
  onSave(data) {
    console.log("onSave====", data);
  },
});