如何重构Bootstrap 4单选按钮以Bootstrap 5 uinsg Intellij的结构替换
如何重构Bootstrap 4单选按钮以Bootstrap 5 uinsg Intellij的结构替换
提问于 2021-07-01 12:48:00
我正在尝试将一些Java Server Pages/Spring Webflow视图从Twitter Bootstrap 4更新到Bootstrap 5。
我有很多单选按钮，从v4到v5，所需的HTML样板已经发生了相当大的变化。这似乎是IntelliJ的“结构替换”的一个很好的用例，但我不能让它工作。
这是我正在尝试的：
我最终得到的结论是：
我已经尝试向变量添加过滤器，例如：
我试着改变“搜索目标”(比如标签)……
这些都不起作用。
我发现Jetbrains的(通常很好的)文档对这个特性来说很糟糕。
edit...example代码
<div class="row mt-2">
<div class="col-4">
<div class="form-check">
<label class="custom-control custom-radio">
<form:radiobutton path="type" value="wdpp" cssClass="custom-control-input"/>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Wires: Pole to Pole</span>
</label>
</div>
<div class="form-check">
<label class="custom-control custom-radio">
<form:radiobutton path="type" value="wdpb" cssClass="custom-control-input"/>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Wires: Pole to Building</span>
</label>
</div>
<div class="form-check">
<label class="custom-control custom-radio">
<form:radiobutton path="type" value="transformer" cssClass="custom-control-input"/>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Transformer</span>
</label>
</div>
<div class="form-check">
<label class="custom-control custom-radio">
<form:radiobutton path="type" value="meterBox" cssClass="custom-control-input"/>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Meter Box</span>
</label>
</div>
<div class="form-check">
<label class="custom-control custom-radio">
<form:radiobutton path="type" value="pole" cssClass="custom-control-input"/>
<span class="custom-control-indicator"></span>
<span class="custom-control-description">Pole</span>
</label>
</div>
[...more radios elided...]
</div>
</div>编辑...有时会出现不同的UI
实际上，我认为这个UI总是会出现，然后很快就会覆盖上一个UI(带有“查找选项...”的那个)。链接)
想把这个带到Jetbrains bug-tracker上...
模板是：
<replaceConfiguration name="Unnamed" text="<label class="custom-control custom-radio"> <form:radiobutton path="$path$" value="$value$" cssClass="custom-control-input"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">$label$</span> </label>" recursive="false" type="XML" dialect="HTML" search_injected="false" reformatAccordingToStyle="false" shortenFQN="false" replacement="<form:radiobutton id="$path$-$value$" path="$path$" value="$value$" cssClass="form-check-input"/> <label class="form-check-label" for="$path$-$value$">$label$</label>">
<constraint name="__context__" within="" contains="" />
<constraint name="path" within="" contains="" />
<constraint name="value" within="" contains="" />
<constraint name="label" within="" contains="" />
</replaceConfiguration>对收到的任何想法/建议/建议表示感谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-07-03 15:35:31
看起来您遇到了一个bug，不可能在HTML标记中匹配JSP标记。也许你可以使用下面的两步解决方法。首先用一个假的HTML标记替换JSP标记：
<replaceConfiguration name="Unnamed" text="<form:radiobutton path="$type$" value="$transformer$" cssClass="custom-control-input"/>" recursive="false" type="Qt UI file" dialect="JSP" reformatAccordingToStyle="false" shortenFQN="false" replacement="<form-radiobutton path="$type$" value="$transformer$" cssClass="custom-control-input"/>">
<constraint name="__context__" within="" contains="" />
<constraint name="type" within="" contains="" />
<constraint name="transformer" within="" contains="" />
</replaceConfiguration>然后使用新构造执行HTML替换：
<replaceConfiguration name="Unnamed" text="<label class="custom-control custom-radio"> <form-radiobutton path="$path$" value="$value$" cssClass="custom-control-input"/> <span class="custom-control-indicator"></span> <span class="custom-control-description">$label$</span> </label>" recursive="false" type="HTML" reformatAccordingToStyle="false" shortenFQN="false" replacement="<form:radiobutton id="$path$-$value$" path="$path$" value="$value$" cssClass="form-check-input"/> <label class="form-check-label" for="$path$-$value$">$label$</label>">
<constraint name="__context__" within="" contains="" />
<constraint name="path" within="" contains="" />
<constraint name="value" within="" contains="" />
<constraint name="label" within="" contains="" />
</replaceConfiguration>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68204454
复制相关文章
相似问题
腾讯云开发者
