quasar+vue实现可视化富文本编辑器完整效果代码
代码语言:html
所属分类:其他
代码描述:quasar+vue实现可视化富文本编辑器完整效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons'> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/quasar.prod.css"> </head> <body> <div id="q-app" > <div class="q-pa-md q-gutter-sm"> <q-editor v-model="qeditor" :dense="$q.screen.lt.md" :toolbar="[ [ { label: $q.lang.editor.align, icon: $q.iconSet.editor.align, fixedLabel: true, list: 'only-icons', options: ['left', 'center', 'right', 'justify'] }, { label: $q.lang.editor.align, icon: $q.iconSet.editor.align, fixedLabel: true, options: ['left', 'center', 'right', 'justify'] } ], ['bold', 'italic', 'strike', 'underline', 'subscript', 'superscript'], ['token', 'hr', 'link', 'custom_btn'], ['print', 'fullscreen'], [ { label: $q.lang.editor.formatting, icon: $q.iconSet.editor.formatting, list: 'no-icons', options: [ 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'code' ] }, { label: $q.lang.editor.fontSize, icon: $q.iconSet.editor.fontSize, fixedLabel: true, fixedIcon: true, list: 'no-icons', options: [ 'size-1', 'size.........完整代码请登录后点击上方下载按钮下载查看
网友评论0