{"type":"doc","content":[{"type":"paragraph","content":[{"text":"Text formats ","type":"text","marks":[{"type":"em"}]},{"text":"are composed of a series of ","type":"text"},{"text":"filters ","type":"text","marks":[{"type":"em"}]},{"text":"and change how HTML tags are processed and displayed on your site. When a user creates content, the text format is associated with the content, and the full, original text is stored in the database. The content is then passed through filters in the text format before it becomes output on the site.","type":"text"}]},{"type":"paragraph","content":[{"text":"Each text format is associated with a visual WYSIWYG (What You See Is What You Get) HTML editor. The core Text Editor gives you the ability to configure the editors (such as adding and removing buttons from their toolbars). The core CKEditor5 module offers the renowned CKEditor, empowering users to edit HTML content seamlessly within your site.","type":"text"}]},{"type":"paragraph","content":[{"text":"There are three different editing modes you can use for CKEditor5, ","type":"text"},{"text":"Basic HTML","type":"text","marks":[{"type":"em"}]},{"text":", ","type":"text"},{"text":"Restricted HTML","type":"text","marks":[{"type":"em"}]},{"text":", and ","type":"text"},{"text":"Full HTML","type":"text","marks":[{"type":"em"}]},{"text":" text formats. Each text format has an associated permission, so that you can pick and choose what user can use which text format. This filters certain users from using ","type":"text"},{"text":"Basic HTML","type":"text","marks":[{"type":"em"}]},{"text":", which filters out dangerous HTML tags.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Basic HTML","type":"text"}]},{"type":"paragraph","content":[{"text":"Basic HTML provides the ability to add some basic text formatting to your document. When enabled, it adds the ","type":"text"},{"text":"Bold, Italic, Styles","type":"text","marks":[{"type":"em"}]},{"text":" and ","type":"text"},{"text":"Linking","type":"text","marks":[{"type":"em"}]},{"text":" toolbar buttons that apply these styles.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":576,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":576,"alt":"basic-image.png","id":"1698f52a-1afd-4056-8780-58b1daef1db2","collection":"contentId-2301394945","type":"file","height":250}}]},{"type":"paragraph","content":[{"text":"If you want to remove basic styles from your document, you can also insert and remove a ","type":"text"},{"text":"Numbered List","type":"text","marks":[{"type":"em"}]},{"text":" or a ","type":"text"},{"text":"Bulleted List","type":"text","marks":[{"type":"em"}]},{"text":" as well in this mode. With the ","type":"text"},{"text":"Source","type":"text","marks":[{"type":"em"}]},{"text":" button, you can quickly switch between ","type":"text"},{"text":"Basic HTML","type":"text","marks":[{"type":"em"}]},{"text":" mode to ","type":"text"},{"text":"Source code","type":"text","marks":[{"type":"em"}]},{"text":" mode, where you can hardcode your HTML tags manually.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Allowed HTML tags:

","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Lines and paragraphs are automatically recognized. The
line break,
paragraph and
close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Web page addresses and email addresses turn into links automatically.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Table HTML","type":"text"}]},{"type":"paragraph","content":[{"text":"The ","type":"text"},{"text":"Table HTML","type":"text","marks":[{"type":"em"}]},{"text":" mode allows you to use table HTML tags in addition to the basic text formatting of your document. When the editor is initialized in this mode, the user can only edit the content within the regions chosen by the user in the standard editing mode.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":760,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":1126,"id":"146e4125-0b47-4cda-9dd3-0083cc6a1034","collection":"contentId-2301394945","type":"file","height":520}}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Allowed HTML tags:

","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Table options can be found by clicking inside of a table cell and selecting from the column, row, merge cells, turn caption on, and table style options from the contextual menu that appears.","type":"text"},{"type":"hardBreak"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":736,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":414,"id":"cda1c376-5473-4ec4-8f7d-2b72379d378c","collection":"contentId-2301394945","type":"file","height":196}}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Lines and paragraphs are automatically recognized. The
line break,
paragraph and
close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Web page addresses and email addresses turn into links automatically.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Full HTML","type":"text"}]},{"type":"paragraph","content":[{"text":"With ","type":"text"},{"text":"Full HTML","type":"text","marks":[{"type":"em"}]},{"text":" mode you can edit entire HTML pages (from to ), including the page metadata like DOCTYPE, character set encoding, meta tags, text and background colors, or margins.","type":"text"}]},{"type":"paragraph","content":[{"text":"When ","type":"text"},{"text":"Full HTML","type":"text","marks":[{"type":"em"}]},{"text":" is enabled, the button is automatically added to the toolbar. Once clicked, it opens up the document properties dialog window where you are then able to manipulate document metadata.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":569,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":569,"alt":"text-image.png","id":"68478185-81fa-4d9d-8320-db97c412b964","collection":"contentId-2301394945","type":"file","height":305}}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":" Lines and paragraphs are automatically recognized. The
line break,
paragraph and
close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Web page addresses and email addresses turn into links automatically.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"You can align images, videos, blockquotes and so on to the left, right or center. Examples:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Align an image to the left: ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Align an image to the center: ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Align an image to the right: ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"… and you can apply this to other elements as well: ","type":"text"},{"text":"

Browser not supported