IEditor

快速上手

Vue.js 2.x 在全家桶中的示例

功能

  1. 图片支持 base64
  2. 视频支持各种格式，编辑器内容支持手机端渲染
  3. 定制化编辑器
  4. 样式完全独立可修改

Vue.js 中简单使用

示例代码

<div id="ied" class="ied" ref="ied"></div>

export default {
  // 略去其他代码
  mounted() {
    const edit = new IEditor(this.$refs.ied);
    edit.init();
  }
  // 略去其他代码
};

普通的 HTML 页面的应用

将下面 html 的代码复制到空白 html 的文件中，预览即可。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>IEditor 的简单应用</title>
  <script src="https://cdn.jsdelivr.net/npm/@iq9891/ieditor@latest/dist/ieditor.min.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@iq9891/ieditor@latest/dist/ieditor.min.css">
</head>
<body>
  <div id="demo" class="ied"></div>
  <script>
    const edit = new IEditor(document.getElementById('demo'));
    edit.init();
  </script>
</body>
</html>

配置说明 →