Javascript 如何在所见即所得编辑器中保持html属性不变？

在wysiwyg文本编辑器源代码视图中，我有以下简单的html：

<span style="font-family: Moul;" {%if  loop.first=='first'%} first="" {%endif%}>Hello Text</span>

正文{
填充：40px；
}

---

我假设您对

first

属性进行了一些代码检查

如果这是CSS，那么如果可能，您可以将其更改为检查unempty

first

属性：

[first]：不是（[first='']）{}

如果这是javascript，那么它是：

document.queryselectoral（“[first]：not（[first=”）”）

想要澄清以上内容的原因是，如果是这种情况，您可以将您的条件移动到
first
属性中，希望它不会出现：

<span style="font-family: Moul;" first="{%if loop.first=='first' %}true{%endif%}">Hello Text</span>

Hello文本
这是什么语法<代码>{%if循环.first=='first%}

。EJS？@ArtemSolovev，这是

jinja2

code。我曾经检查过将属性设置为html元素的条件。事实上，wysiwyg将单个html属性转换为附加“=”符号。我在wysiwyg的源代码视图中测试了write

，它将被转换为属性

checked

如下：

，因为wysiwyg将单个属性

checked

视为无效属性，因此它会在其上附加等号“=”和双引号“”。因此，上面我的

jinja2

语法附加了=和“”，这会在运行时导致

语法错误

异常。您希望如何在可视化编辑器中显示它？在这种情况下，您应该禁用可视化编辑器，因为在只能部分渲染的情况下，可视化渲染是没有意义的？我希望在运行时正确执行html代码和jinja2代码。因为我在为我的客户做模板设计，所以虚拟视图可以帮助我减少样式和html的编码。然而，我很难阻止所见即所得编辑器破坏我的编码语法。我不知道如何处理可视化编辑器的这种行为。我建议你改用代码编辑器，视觉编辑器会在你每次使用它时毁掉你的代码。它对我的情况有效吗？基本上，我在编辑器中检查元素属性

`中的条件是否正确。我想保持不变。您可以在我的代码段问题中测试它。谢谢。
{%if var\u name==True%}选中{%endif%}
是我在输入元素中设置的
jinja2
代码。若条件为true，则在浏览器中渲染期间，我将为我的输入元素设置属性
checked
。然而，编辑器不断破坏这种代码结构。谢谢。它不适用于
checked
no，因为该属性不需要复选框的值。本质上，
checked
与
checked=”“
与
checked=“checked”
与
checked=“false”
<span style="font-family: Moul;" first="{%if loop.first=='first' %}true{%endif%}">Hello Text</span>