Using the CKEditor
The body text editor (also known as CKEditor) is fairly straightforward. Below are a few important things to remember.
Please avoid adding custom styles to the text (e.g. font color, font size, etc.) and instead utilize the heading formats (starting with heading 2) as well as the basic bold, underline, and italicize. Also, don’t be afraid to use bullet points to organize your content.
When you copy and paste text, sometimes the font families, colors, and sizes of the original text will be copied over, as well. Since we don't want those styles to override the website's theme's styles, you can avoid this problem by pasting text as plain text. This will strip all styles including bold, underlined, or italicized fonts. You will have to reapply those styles if you wish to keep them.
Links are really important on a web site page. To insert a link, highlight a word or phrase then select the Link button in the editor. Enter the URL then click OK.
Use images in the text editor sparingly. If your content type includes a separate image field, please upload an image there instead. However, if you would like to add an image within the body text, select the Image button. You will be prompted to browse, upload, and insert and photo.
After uploading, choose the file you would like to use and select "Insert file". Once inserted, you will have the choice to edit the size, margin, and alignment of the image. In order for images to be responsive and visible across all creen sizes, both desktop and on mobile, it is best to remove the width and height of the image entirely. This means you should upload photos that already have the desired dimensions.
You can insert tables in the text editor as well; however, we discourage tables that have more than 3 or 4 columns. Tables with many columns (and lots of content) do not display in a user-friendly way on mobile devices. Avoid them when you can. Bulleted lists may sometimes work just as well, if not better, than tables.
Anchored links allow you to jump to different parts of the page similar to footnotes and references. See the documentation on how to do that here.