vue-quill-editor富文本编辑器效果代码

代码语言:html

所属分类:其他

代码描述:vue-quill-editor富文本编辑器效果代码

代码标签: vue quill editor 编辑器 富文本

下面为部分代码预览,完整代码请点击下载或在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.core.1.3.6.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/quill.bubble.1.3.6.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/quill.snow.1.3.6.css">


    <style>
        #app {
          background: #fff;
          border-radius: 4px;
          padding: 20px;
          transition: all 0.2s;
        }
        
        #editor{
          height: 250px;
        }
        #editor .quill-editor {
          height: 100%
        }
        #editor .quill-editor .ql-container {
          height: 60%
        }
        
        #preview {
          padding: 15px;
        }
        
        #preview h1 {
            display: block;
            font-size: 2em;
            margin-block-start: 0.67em;
            margin-block-end: 0.67em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
        }
        
        h2 {
            display: block;
            font-size: 1.5em;
    .........完整代码请登录后点击上方下载按钮下载查看

网友评论0