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>
复制代码

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>
复制代码