如何在无HTML层控制权时为配置JSON的文本值添加加粗格式?
解决方案
针对你无法控制HTML层,但想在JSON配置的文本中实现部分内容加粗的需求,有几种可行思路:
利用渲染端的Markdown支持
如果你的应用渲染逻辑本身支持解析Markdown语法,那直接在JSON文本中用**包裹需要加粗的内容(就像你代码里写的**Text to made bold**)即可。渲染时会自动把Markdown格式转换成对应的HTML加粗标签。
注意:你的JSON代码存在语法错误,比如未闭合的引号、多余的花括号,修正后的正确JSON示例如下:{ "name": { "short": "Text1" }, "description": { "short": "Short Text", "full": "Long Text and **Text to made bold** and Some more text" } }自定义标记+文本替换
如果应用不支持Markdown,你可以自定义专属标记(比如[bold]Text to made bold[/bold]),然后找到渲染流程中可拦截文本处理的环节(比如后端接口返回前处理、前端渲染前的钩子函数),将自定义标记替换成<strong>或<b>标签。拆分字段控制
如果上述两种方式都无法实现,可把需要加粗的文本拆分成独立字段,示例如下:{ "description": { "short": "Short Text", "full": { "prefix": "Long Text and ", "boldText": "Text to made bold", "suffix": " and Some more text" } } }之后要求渲染逻辑分别渲染这三个字段,对
boldText应用加粗样式。
内容的提问来源于stack exchange,提问作者Naina
相关产品推荐
相关产品推荐

