客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
开源软件名称（OpenSource Name）：luogu-dev/markdown-palettes开源软件地址(OpenSource Url)：https://github.com/luogu-dev/markdown-palettes开源编程语言(OpenSource Language)：JavaScript 64.3%开源软件介绍(OpenSource Introduction)：Markdown*PalettesMarkdown*Palettes is an open-source Markdown editor for the modern web. UsageWe have four bundle schemes. Choose what you prefer. Note that to use Markdown*Palettes, your web page must be in standard mode and use UTF-8 encoding. e.g.: <!DOCTYPE html>
<meta charset="utf-8">With Build Tools (webpack, rollup, etc)First install our npm package: $ yarn add markdown-palettesSince Markdown*Palettes is a Vue component, we assume you're familiar with Vue. Use the ES6 ModuleIf you use webpack v2+ or rollup, you can use the ES6 module: <template>
<div style="height: 700px;">
<markdown-palettes v-model="value"/>
</div>
</template>
<script>
import MarkdownPalettes from 'markdown-palettes'
export default {
components: [MarkdownPalettes],
data: () => { value: 'Hello, **Markdown*Palettes**!' }
}
</script>Note that the ES6 module didn't resolve its dependencies and pack them inside. It doesn't matter if you configure your webpack or rollup to resolve into Use the CommonJS ModuleReplacing the ES6 'import' statement with CommonJS 'require' function: const MarkdownPalettes = require('markdown-palettes')
require('markdown-palettes/dist/MarkdownPalettes.css')The CommonJS module resolved its dependencies and packed them inside. Without Build Tools (use directly in HTML)It's OK to use Markdown*Palettes without build tools, if you're not so familiar with Vue and Node.js toolchain.
Copy the items in Use with VueThis is recommended if you use other Vue components in your HTML page. <link rel="stylesheet" href="MarkdownPalettes.css">
<div id="editor-container" style="height: 700px;">
<markdown-palettes v-model="value"></markdown-palettes>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="MarkdownPalettes.umd.min.js"></script>
<script>
var app = new Vue({
el: '#editor-container',
components: { MarkdownPalettes },
data: () => { value: 'Hello, **Markdown*Palettes**!' }
})
</script>Use without VueThis is suitable if you don't have other Vue components in your HTML page or you 'dislike' Vue. Note that this bundle includes Vue inside so it's larger. <link rel="stylesheet" href="markdown-palettes.css">
<script src="markdown-palettes.js"></script>
<div id="editor-container" style="height: 700px;">
<div id="editor"></div>
</div>
<script>
var markdownEditor = new MarkdownPalettes("#editor");
markdownEditor.contenet = "**content**";
var code = markdownEditor.content;
</script>External ResourcesBy default bundle don't contain syntax highlighting for programming languages. If you use the bundles other than ES6 module, unfortunately you have to build it by yourself to get extra language support. If you use ES6 module, you can easily import them: // register languages for hljs
import hljs from 'highlight.js/lib/highlight'
import cpp from 'highlight.js/lib/languages/cpp'
hljs.registerLanguage('cpp', cpp)
// register languages for CodeMirror
import 'codemirror/mode/clike/clike'DocumentationTODO DevelopmentFirst checkout this repo. $ yarn # install dependencies
$ yarn dev # start dev server
$ yarn build # build distReleasePlease upload CreditsDeveloped by @darkflames and @lin_toto of the Luogu Dev Team 
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
请发表评论