{"id":21230,"date":"2021-11-29T21:09:40","date_gmt":"2021-11-29T21:09:40","guid":{"rendered":"https:\/\/www.psoda.com\/help\/?page_id=21230"},"modified":"2021-11-29T21:38:01","modified_gmt":"2021-11-29T21:38:01","slug":"wysiwyg-text-editing","status":"publish","type":"page","link":"https:\/\/www.psoda.com\/help\/wysiwyg-text-editing\/","title":{"rendered":"WYSIWYG text editing"},"content":{"rendered":"
On certain input fields you can bold, italic, underline, colour, highlight, add a URL link, add a number list, add a bullet point list, and add an emoji.<\/b> This is called the WYSIWYG editor.\r\n
\r\n
\r\nThe WYSIWYG menu will automatically appear at the top of the input field as shown in figure 1.\r\n
\r\n
\r\n

\"\"<\/a><\/p>\r\n

Figure 1 – WYSIWYG editor<\/strong><\/p>\r\n
\r\n
\r\nThe editor behaves like the Microsoft Word editor that most people are familiar with.\r\n
\r\n
\r\nClick on the B icon<\/b> to start bolding some text.\r\n
\r\n
\r\nClick on the I icon<\/b> to italic text.\r\n
\r\n
\r\nClick on the U icon<\/b> to start underlining text. \r\n
\r\n
\r\nClick the coloured pencil icon<\/b> to highlight text a certain colour. This opens a menu of colours to choose from. \r\n
\r\n
\r\nClick the coloured A icon<\/b> to change the text to a certain colour. This also opens a menu of colours to choose from. \r\n
\r\n
\r\nClick on the link icon<\/b> to add a URL with a label. This opens a menu where you can enter a label for your URL (text that will appear), and the URL you want it to go to when clicked. Note: the URL must be a valid URL that has a prefix like \u2018https:\/\/\u2019.\r\n
\r\n
\r\nClick on the numbered list icon<\/b> to create an automatic numbered list you can add to.\r\n
\r\n
\r\nClick on the dotted list icon<\/b> to create an automatic dotted list you can add to.\r\n
\r\n
\r\nClick on the emoji icon<\/b> to insert an emoji into your text. This opens a menu full of emojis to pick from. You can also filter the emojis by using the search box at the top of this menu.<\/div>\r\n

Related topics<\/h4>\r\n