Repository: answerdev/answer
File: ui/src/pages/Tags/Detail/index.tsx (TypeScript)

Code before:
      <Col className="page-main flex-auto">
        {isLoading ? (
          <div className="tag-box mb-5 placeholder-glow">
            <div className="mb-3 h3 placeholder" style={{ width: '120px' }} />
            <p
              className="placeholder w-100 d-block align-top"
              style={{ height: '24px' }}
            />

            <div
              className="placeholder d-block align-top"
              style={{ height: '38px', width: '100px' }}
            />
          </div>
        ) : (
          <div className="tag-box mb-5">
            <h3 className="mb-3">
              <Link
                to={pathFactory.tagLanding(tagInfo.slug_name)}
                replace
                className="link-dark">
                {tagInfo.display_name}
              </Link>
            </h3>

            <p className="text-break">
              {escapeRemove(tagInfo.excerpt) || t('no_desc')}
            </p>

            <div className="box-ft">
              {tagInfo.is_follower ? (
                <div>
                  <Button variant="primary" onClick={() => toggleFollow()}>
                    {t('button_following')}
                  </Button>
                  <Link
                    to={pathFactory.tagInfo(curTagName)}
                    className="btn btn-outline-secondary ms-2">
                    {t('wiki')}
                  </Link>
                  <Link
                    className="btn btn-outline-secondary ms-2"
                    to="/users/settings/notify">
                    <Icon name="bell-fill" />
                  </Link>
                </div>
              ) : (
                <div>
                  <Button
                    variant="outline-primary"
                    onClick={() => toggleFollow()}>

Review comment (suggestion):
Looking at the latest requirements, you need to parse html here
```
<div
    className="text-break"
    dangerouslySetInnerHTML={{ __html: tagInfo.excerpt }}
  />
 ```

Code after:
      <Col className="page-main flex-auto">
        {isLoading ? (
          <div className="tag-box mb-5 placeholder-glow">
            <div className="mb-3 h3 placeholder" style={{ width: '120px' }} />
            <p
              className="placeholder w-100 d-block align-top"
              style={{ height: '24px' }}
            />

            <div
              className="placeholder d-block align-top"
              style={{ height: '38px', width: '100px' }}
            />
          </div>
        ) : (
          <div className="tag-box mb-5">
            <h3 className="mb-3">
              <Link
                to={pathFactory.tagLanding(tagInfo.slug_name)}
                replace
                className="link-dark">
                {tagInfo.display_name}
              </Link>
            </h3>

            <div
              className="text-break"
              dangerouslySetInnerHTML={{ __html: tagInfo.excerpt }}
            />

            <div className="box-ft">
              {tagInfo.is_follower ? (
                <div>
                  <Button variant="primary" onClick={() => toggleFollow()}>
                    {t('button_following')}
                  </Button>
                  <Link
                    to={pathFactory.tagInfo(curTagName)}
                    className="btn btn-outline-secondary ms-2">
                    {t('wiki')}
                  </Link>
                  <Link
                    className="btn btn-outline-secondary ms-2"
                    to="/users/settings/notify">
                    <Icon name="bell-fill" />
                  </Link>
                </div>
              ) : (
                <div>
                  <Button
                    variant="outline-primary"