コンテンツにスキップ
Boilerplate UI

ui:richText

CMS入力等の出力に利用する、汎用的なRich Textコンポーネントです。

Examples

Section titled “Examples”
Source Code 
<div class="ui:richText">
  <h1>制度の恩恵を受けられない人の不満にどう向き合う？「構造主義」に学ぶ問い直し方</h1>
  <p>人事や労務が職場で感じる違和感やモヤモヤ、上司や経営層からとめどなく降ってくる課題や無理難題の数々……。<mark>哲学や人文知から読み解くと、施策以前の問題がみえてくるかもしれません。</mark>今回は文化人類学者・哲学者の<u>クロード・レヴィ＝ストロース</u>の思想「<a href="#" target="_blank">構造主義<ui-icon data-icon="external-link" aria-label="別ウィンドウで開きます"></ui-icon></a>」から考えます。</p>


  <h2>制度を整えるほど、不公平感が増す？</h2>
  <p>制度を整えるほど不満が増える——その袋小路を抜け出すヒントになり得るのが、文化人類学者であり哲学者でもあるレヴィ＝ストロースの思想「構造主義」です。今回は、弁護士・人事責任者を経て、現在は哲学・歴史の探求と発信を続ける品川皓亮さんを案内役に迎え、探っていきます。</p>


  <figure>
    <img src="https://placehold.jp/1600x800.png" alt="" loading="lazy">
    <figcaption>（男性の育児休業の取得期間のグラフ。最下部が令和5年度[2023年]の数値）</figcaption>
  </figure>


  <h3>H3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキストH3見出しテキスト</h3>
  <p>通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。</p>


  <h4>H4見出しテキストH4見出しテキストH4見出しテキストH4見出しテキスト</h4>


  <p>そうなんです。行き詰まったと思っていた袋小路も、一歩引いて構造から見ると「あ、ここに分岐点があった」と気づいて、別のルートに戻れることがある。</p>
  <p>たとえば、育児・介護のための休暇を例にしましょう。「あの人だけ優遇されているのでは」という不満が上がっているとき、構造から見ると「休みが少ない」「人員が足りない」といった職場全体の余裕のなさが根本にあるかもしれません。また、そういった不満の一部は、社会的な制度のひずみや不備に起因している可能性もあります。</p>
  <p>そうであれば、個別の制度をいじるより、有給休暇の取得促進や人員配置の見直しなど、まったく別のアプローチがみえてきます。</p>


  <h4>H4見出しテキストH4見出しテキストH4見出しテキストH4見出しテキスト</h4>
  <h5>H5見出しテキストH5見出しテキストH5見出しテキストH5見出しテキスト</h5>
  <p>通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。</p>


  <hr>


  <p>
    <a href="#">リンクテキスト</a><br>
    <a href="#" target="_blank">アイコン付きリンクテキスト<ui-icon data-icon="external-link" aria-label="別ウィンドウで開きます"></ui-icon></a><br>


    アイコン付きテキスト<br>
    <i>斜体テキスト</i><br>
    <s>打ち消しテキスト</s><br>
    <b>強調テキスト</b><br>
    通常テキストが入ります。<sup>上付き文字</sup><br>
    通常テキストが入ります。<sub>下付き文字</sub><br>
    通常テキストが入ります。<small>small文字</small><br>
  </p>


  <blockquote>
    <p>通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。通常テキストが入ります。</p>
    <footer>
      引用：
      <cite><a href="#" target="_blank">所得税法第231条 - e-Gov 法令検索<ui-icon data-icon="external-link" aria-label="別ウィンドウで開きます"></ui-icon></a></cite>
    </footer>
  </blockquote>


  <ul>
    <li>箇条書きテキスト箇条書きテキスト箇条書きテキスト 箇条書きテキスト箇条書きテキスト箇条書きテキスト箇条書きテキスト箇条書きテキスト箇条書きテキスト箇条書きテキスト箇条書きテキスト</li>
    <li>箇条書きテキスト
      <ul>
        <li>箇条書きテキスト</li>
        <li>箇条書きテキスト
          <ul>
            <li>箇条書きテキスト</li>
            <li>箇条書きテキスト</li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>


  <ol>
    <li>番号付きテキスト</li>
    <li>番号付きテキスト
      <ol>
        <li>番号付きテキスト</li>
        <li>番号付きテキスト
          <ol>
            <li>番号付きテキスト</li>
            <li>番号付きテキスト</li>
          </ol>
        </li>
      </ol>
    </li>
  </ol>


</div>