我们能否在内容令人满意的单行文本字段中加下划线?

时间:2018-07-19 09:43:22

标签: reactjs contentful

  

我添加了一个文本类型为单行的字段。现在我需要做一些   带下划线的文本,例如:-

He is a good employee.
  

我要在员工文字中加下划线。 如何添加内容丰富的

2 个答案:

答案 0 :(得分:2)

使用Markdown编辑器时,问题不在于内容丰富,而是the markdown specs本身。它们不提供“下划线”功能。

关于下划线的问题是a common question。降价的想法只是在乎内容,而不是在乎表示(例如,“粗体”转换为html strong元素,在语法上代表重要部分)。

IMO带下划线的文本也很容易与链接混淆。

如果必须执行此操作,则可以引入内联HTML(不利的一面是您会失去跨平台兼容性,因为并非每个系统都可以处理HTML),或者您可以通过处理应用程序中的下划线功能来满足需求例如一些CSS。

例如假设您想突出显示应用程序/网站中的某些内容,我可以看到“ bold” /“ strong”的含义对您有用。

带有减价的总体经验法则是考虑文档的结构和内容,而不是外观。 “这些是本段中的重要字词”()与“这些应加下划线的字词”()。

答案 1 :(得分:-1)

在“内容丰富”中,将Markdown下的文字写为:-

He is a good <u>employee</u>

现在在我们的reactjs应用程序中,我们可以编写:-

dangerouslySetInnerHTML={{
                __html: employee.childMarkdownRemark.html,
              }}

因此,如果我们将输出显示在childMardownRemark.html中的危险地设置为InnerHTML下,则员工将在用户界面中以下划线出现。