vue下quill富文本编辑器示例代码
代码语言:html
所属分类:其他
代码描述:vue下quill富文本编辑器示例代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/quill.snow.css"> </head> <body> <div id="vue"> <quill placeholder="this is good" :toolbar="[['bold', 'underline']]" @change="textChanged"> <div slot="content"> <p>Hello World!</p> <p>Some initial <strong>bold</strong> text</p> <p><br></p> </div> </quill> </div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/quill.js"></script> <script> let quillComponent = { template: `<div> <slot name="custom-toolbar"></slot> <slot name="content"></slot> </div>`, props: { placeholder: { type: String, default: 'type something great' }, .........完整代码请登录后点击上方下载按钮下载查看
网友评论0