aieditor-with-layui.md 1.4 KB
LinwitDocEditor 与 Layui、JQuery 等传统框架整合
LinwitDocEditor 与传统开发框架集成，分为 3 步：
- 1、下载
aieditor的js和css，下载地址： https://gitee.com/aieditor-team/aieditor/tree/main/dist 。 - 2、通过
link导入aieditor的css样式文件 。 - 3、通过
<script type="module">导入aieditor的js, 并初始化LinwitDocEditor实例 。
代码如下所示：
<!doctype html>
<html lang="en">
<head>
<title>LinwitDocEditor Demo</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link type="text/css" rel="stylesheet" href="aieditor/style.css">
<script type="module">
import {LinwitDocEditor} from 'aieditor/index.js'
new LinwitDocEditor({
element: "#aiEditor",
placeholder: "点击输入内容...",
content: 'LinwitDocEditor 是一个面向 AI 的下一代富文本编辑器。',
ai: {
models: {
spark: {
appId: "***",
apiKey: "***",
apiSecret: "***",
}
}
},
})
</script>
</head>
<body>
<div id="aiEditor" style="height: 550px; margin: 20px"></div>
</body>
</html>
::: warning 注意
使用 <script type="module"> 的导入方式，不支持 IE 浏览器。
:::