cycleccc / wangEditor-next

wangEditor-next —— 基于 slate.js 的富文本编辑器。wangEditor-next —— rich text editor, based on slate.js.
https://cycleccc.github.io/docs/
MIT License
115 stars 17 forks source link

Bug:使用自定义上传视频,插入到代码块后面时输出结构不正确 #160

Closed losetime closed 1 month ago

losetime commented 1 month ago

bug 描述

使用自定义上传视频,插入到代码块后面时,输出的HTML结构不正确,主要是标签的结束位置不对

<div data-w-e-type="video" data-w-e-is-void style="text-align: center;">
<video poster="" controls="true" width="auto" height="auto" style="width: auto;height: 200px;"><source src="http://dev.proxy.yunmaizhineng.com:9000/cvit/2024/09/03/3126977062_20240903180411A226.mp4" type="video/mp4"/></video>
</div><p><br></p><pre><code class="language-html">&lt;div class="mt-6"&gt;
   &lt;a-button type="primary" @click="handleSave"&gt;保存&lt;/a-button&gt;
&lt;/div&gt;</code><div data-w-e-type="video" data-w-e-is-void style="text-align: center;">
<video poster="" controls="true" width="auto" height="auto" style=""><source src="http://dev.proxy.yunmaizhineng.com:9000/cvit/2024/09/04/1-typescript 提取接口属性考试解答,提升你的 typescript 编程能力-360P 流畅-AVC_20240904114623A232.mp4" type="video/mp4"/></video>
</div></pre><p><br></p>

你预期的样子是?

代码块前面有个视频,代码块后面有一个视频,结构如下,

<div data-w-e-type="video" data-w-e-is-void style="text-align: center;">
<video poster="" controls="true" width="auto" height="auto" style="width: auto;height: 200px;"><source src="http://dev.proxy.yunmaizhineng.com:9000/cvit/2024/09/03/3126977062_20240903180411A226.mp4" type="video/mp4"/></video>
</div><p><br></p><pre><code class="language-html">&lt;div class="mt-6"&gt;
   &lt;a-button type="primary" @click="handleSave"&gt;保存&lt;/a-button&gt;
&lt;/div&gt;</code></pre><div data-w-e-type="video" data-w-e-is-void style="text-align: center;">
<video poster="" controls="true" width="auto" height="auto" style=""><source src="http://dev.proxy.yunmaizhineng.com:9000/cvit/2024/09/04/1-typescript 提取接口属性考试解答,提升你的 typescript 编程能力-360P 流畅-AVC_20240904114623A232.mp4" type="video/mp4"/></video>
</div><p><br></p>

系统和浏览器及版本号

wangEditor-next 版本

"@wangeditor-next/editor": "^5.5.3", "@wangeditor-next/editor-for-vue": "5.1.14",

demo 能否复现该 bug ?

在线 demo

最小成本的复现步骤

image

losetime commented 1 month ago

主要是标签pre的结束位置不对

cycleccc commented 1 month ago

发布了 5.5.4 测试后没有问题可以关闭该 issue

losetime commented 1 month ago

感谢,没问题了