html 复制给quill,将原始html代码插入到quill中

如果页脚内容是静态且不可编辑的,您可以通过extending BlockEmbed印迹执行此操作,然后在工具栏中为新格式添加一个按钮。有两种不同的方法可以处理HTML格式输入的格式。

1。让用户输入要嵌入的HTML:

select store, product, count(*) as total

from sales s

group by store, product

having count(*) = (

select top 1 count(*)

from sales

where store = s.store

group by store, product

order by count(*) desc

)

// Import the BlockEmbed blot.

var BlockEmbed = Quill.import('blots/block/embed');

// Create a new format based off the BlockEmbed.

class Footer extends BlockEmbed {

// Handle the creation of the new Footer format.

// The value will be the HTML that is embedded.

// By default, the toolbar will show a prompt window to get the value.

static create(value) {

// Create the node using the BlockEmbed's create method.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在vue-quill-editor显示HTML代码,有几种方法可以实现。一种方法是使用v-html指令,将HTML代码传递给Vue模板,并使用v-html指令显示它。例如,你可以在模板使用以下代码: ```html <div class="ql-snow"> <div class="ql-editor" v-html="你的HTML代码"></div> </div> ``` 这样,vue-quill-editor将会显示你传递的HTML代码。 另一种方法是通过使用onChange事件来获取富文本编辑器的HTML内容,并将其赋值给一个变量,然后在模板显示该变量。首先,在你的JavaScript代码,你可以设置一个onChange事件处理函数来获取HTML内容并将其赋值给一个变量,例如descriptionPic。代码如下所示: ```javascript onEditorChange({ html }) { this.descriptionPic = html; } ``` 然后,在你的模板,你可以使用v-html指令来显示descriptionPic变量HTML内容代码如下所示: ```html <div v-html="descriptionPic"></div> ``` 这样,vue-quill-editor将会显示你获取的HTML代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [适配Vue的富文本编辑器vue-quille-editor的使用以及前端显示获得的html](https://blog.csdn.net/NJR10byh/article/details/114988396)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [vue-quill-editor,获得到输入内容html,如何在外部的div显示效果](https://blog.csdn.net/oqqaKun1/article/details/82833980)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值