在Visual Studio代码中用引号将句子中的特定单词加粗

Posted 2023-03-25

【中文标题】在Visual Studio代码中用引号将句子中的特定单词加粗

【英文标题】：Bold a specific word in a sentence in quotation marks in visual studio code

【发布时间】：2022-01-12 10:29:50

【问题描述】：

所以我的任务是使用 phaser.io 在 Visual Studio 代码中创建游戏以寻求帮助。目前，有人告诉我将引号中的句子中的特定单词加粗，但我不知道该怎么做。这一切都在一个 javascript 文件中。

const text3 = this.add.text(
  650,
  460,
  "Answer: Have a budget plan to save up money to buy it.",
   fontFamily: "Roboto", fill: "black" 
);

我想将引号中的“答案”一词加粗，所以它应该看起来像这样

const text3 = this.add.text(
  650,
  460,
  "**Answer**: Have a budget plan to save up money to buy it.",
   fontFamily: "Roboto", fill: "black" 
);

有人可以帮我解决这个问题吗？

【问题讨论】：

什么是this.add.text，它来自哪里？它会呈现 html 吗？

我正要问同样的问题。你的文字去哪儿了？

抱歉，我忘了添加移相器文本，但是 this.add.text 与移相器框架一起使用，它允许您将文本添加到网站中

他们的文档是怎么说的？

我应该使用移相器 3

【参考方案1】：

试试这个

const text3 = this.add.text(
  650,
  460,
  "Answer: Have a budget plan to save up money to buy it.",
   fontFamily: "Roboto", fill: "black" 
);

text3.addFontWeight('bold', 0); // 0 means the start of the text
text3.addFontWeight('normal', 6); // change it to normal starting from index 6 of the text

见：Documentation

【讨论】：

这仅适用于 Phaser 2，不适用于 Phaser 3。

【参考方案2】：

第三阶段

根据this github issue，本机不支持文本的内联样式。

值得一提的是rexBBCodeText & rexTagText，它可以帮助您以更好的方式管理内联样式（使用 BBCode 或 html 标签）。

无论如何，如果你真的需要使用**Answer**这个语法，最好将字符串拆分，单独管理各个部分。

第 2 阶段 CE

这个旧版本以不同的方式管理文本，您可以使用addFontWeight 指定重量变化字符串中的开头。

【讨论】：

如果要拆分字符串，如何拆分字符串但保持在同一行？

您需要管理具有 x 和 y 位置的零件的位置。我认为您可以从字符数和字体大小开始计算文本的宽度，或者深入研究文本对象photonstorm.github.io/phaser3-docs/Phaser.GameObjects.Text.html 的width 和displayWidth 等属性