组件元素

基于HTML基本元素的可视化编辑，选择合适的组件元素从零开始设计一个页面。

组件元素：段落

段落支持使用CKEditor5编辑器，支持配色、粗体、斜体、下划线、上下标、链接、缩进、有序列表和无序列表，还支持插入表格以及媒体库的图片和视频。

段落：富文本编辑

Lorem ipsum dolor1 sit amet2, consectetur adipiscing elit. Cras mollis purus eu velit lacinia, quis vestibulum risus ultricies. Suspendisse quis erat sit amet nisi dictum rhoncus. Etiam maximus egestas nisl, at sodales massa sagittis non. Donec ac consectetur diam, condimentum hendrerit dolor.

  • Duis rutrum quam nulla, vel fermentum neque volutpat et. 

  • Ut eget nisl non quam condimentum congue.

  • Fusce hendrerit iaculis quam id molestie. 

Aliquam eget aliquam elit. Aliquam mollis volutpat convallis. Duis a ex ut odio eleifend commodo. Sed feugiat imperdiet rhoncus. Fusce commodo in augue non sodales.  In vulputate neque a ipsum tempus maximus. Curabitur tincidunt venenatis orci, non bibendum ante malesuada at. Donec bibendum justo at eros commodo, vel eleifend sapien ultricies. 

  1. Aliquam erat sapien ullamcorper et aliquam.

  2. In ornare at magna, nunc mollis erat ut risus lobortis.

  3. Sit amet lacinia mauris vestibulum. 

 

Item A B C D
Aliquam  10% 10% 10% 10%
Sedigat 10% 10% 10% 10%

段落：行高

行高：Tight

Vivamus a mattis libero. Mauris nec dui rhoncus, vulputate sem eu, posuere ante. Proin dolor ante, pulvinar sit amet erat quis, ornare scelerisque est. Suspendisse risus lacus, tempor ac sodales sed, auctor ac urna. Cras consequat nunc quis dolor finibus, et aliquet ipsum laoreet. Donec rutrum vitae dui sed pharetra. 

Quisque faucibus mi sit amet hendrerit tincidunt. Mauris id enim ac neque tincidunt convallis in et neque. Maecenas interdum, ante ac dignissim placerat, purus nulla luctus orci, et accumsan erat augue in purus. In convallis iaculis neque, id vestibulum mauris.

行高：Loose

Vivamus a mattis libero. Mauris nec dui rhoncus, vulputate sem eu, posuere ante. Proin dolor ante, pulvinar sit amet erat quis, ornare scelerisque est. Suspendisse risus lacus, tempor ac sodales sed, auctor ac urna. Cras consequat nunc quis dolor finibus, et aliquet ipsum laoreet. Donec rutrum vitae dui sed pharetra. 

Quisque faucibus mi sit amet hendrerit tincidunt. Mauris id enim ac neque tincidunt convallis in et neque. Maecenas interdum, ante ac dignissim placerat, purus nulla luctus orci, et accumsan erat augue in purus. In convallis iaculis neque, id vestibulum mauris.

段落：配色

文本颜色：Text Secondary；背景颜色：Default

Vivamus a mattis libero. Mauris nec dui rhoncus, vulputate sem eu, posuere ante. Proin dolor ante, pulvinar sit amet erat quis, ornare scelerisque est. Suspendisse risus lacus, tempor ac sodales sed, auctor ac urna. Cras consequat nunc quis dolor finibus, et aliquet ipsum laoreet. Donec rutrum vitae dui sed pharetra. 

Quisque faucibus mi sit amet hendrerit tincidunt. Mauris id enim ac neque tincidunt convallis in et neque. Maecenas interdum, ante ac dignissim placerat, purus nulla luctus orci, et accumsan erat augue in purus. In convallis iaculis neque, id vestibulum mauris.

文本颜色：Text DarkBG 2nd；背景颜色：Dark Background

Vivamus a mattis libero. Mauris nec dui rhoncus, vulputate sem eu, posuere ante. Proin dolor ante, pulvinar sit amet erat quis, ornare scelerisque est. Suspendisse risus lacus, tempor ac sodales sed, auctor ac urna. Cras consequat nunc quis dolor finibus, et aliquet ipsum laoreet. Donec rutrum vitae dui sed pharetra. 

Quisque faucibus mi sit amet hendrerit tincidunt. Mauris id enim ac neque tincidunt convallis in et neque. Maecenas interdum, ante ac dignissim placerat, purus nulla luctus orci, et accumsan erat augue in purus. In convallis iaculis neque, id vestibulum mauris.

文本颜色：Text DarkBG 1st；背景颜色：Dark Background

In convallis iaculis neque, id vestibulum mauris.

文本颜色：Text Secondary；背景颜色：Light Background

Vivamus a mattis libero. Mauris nec dui rhoncus, vulputate sem eu, posuere ante. Proin dolor ante, pulvinar sit amet erat quis, ornare scelerisque est. Suspendisse risus lacus, tempor ac sodales sed, auctor ac urna. Cras consequat nunc quis dolor finibus, et aliquet ipsum laoreet. Donec rutrum vitae dui sed pharetra. 

Quisque faucibus mi sit amet hendrerit tincidunt. Mauris id enim ac neque tincidunt convallis in et neque. Maecenas interdum, ante ac dignissim placerat, purus nulla luctus orci, et accumsan erat augue in purus. In convallis iaculis neque, id vestibulum mauris.

文本颜色：Text Highlight；背景颜色：Light Background

In convallis iaculis neque, id vestibulum mauris.

文本颜色：Text MediumBG 1st；背景颜色：Medium Background

Quisque faucibus mi sit amet hendrerit tincidunt. Mauris id enim ac neque tincidunt convallis in et neque. Maecenas interdum, ante ac dignissim placerat, purus nulla luctus orci, et accumsan erat augue in purus. In convallis iaculis neque, id vestibulum mauris.

文本颜色：Text MediumBG 2nd；背景颜色：Medium Background

Vivamus a mattis libero. Mauris nec dui rhoncus, vulputate sem eu, posuere ante. Proin dolor ante, pulvinar sit amet erat quis, ornare scelerisque est. Suspendisse risus lacus, tempor ac sodales sed, auctor ac urna. Cras consequat nunc quis dolor finibus, et aliquet ipsum laoreet. Donec rutrum vitae dui sed pharetra. 

文本颜色：Text Highlight MediumBG；背景颜色：Medium Background

In convallis iaculis neque, id vestibulum mauris.