管理员
站长QQ：515138
- 主题
- 124
- 回帖
- 7
- 在线时间
- 76 小时
- 注册时间
- 2024-2-3
- 最后登录
- 2024-11-14
|
cherry-markdown编辑器使用简单案例
- 引入cherry的css和js
- 定义编辑器要出现的区域（出现在哪个位置、宽度多少、高度多少等）
- 实例化cherry
下面是金黑分享的代码简单例子：
- // 引入cherry的样式文件，样式文件包含编辑器样式、预览区样式，用户也可以自行覆盖
- <link href="/dist/cherry-markdown.css" />
- // 定义一个div，将cherry实例化到该div里
- <div id="markdown-container" style="width:500px;height:600px"></div>
- // 引入cherry的js文件
- <script src="/dist/cherry-markdown.min.js"></script>
- <script>
- // 方式一
- new Cherry({
- id: 'markdown-container',
- value: '## hello world',
- });
- // 方式二
- new Cherry({
- el: document.querySelector('#markdown-container'),
- value: '## hello world',
- });
- </script>
|
|
|网站地图|Archiver|手机版|金黑
( 粤ICP备2021124338号 )
发表于 2024-7-20 14:15:16