{"id":31,"date":"2016-09-27T20:49:34","date_gmt":"2016-09-27T20:49:34","guid":{"rendered":"http:\/\/www.publiconsulting.com\/wordpress\/eduguide\/chapter\/visual-text-editors\/"},"modified":"2018-01-21T18:44:32","modified_gmt":"2018-01-21T18:44:32","slug":"visual-text-editors","status":"publish","type":"chapter","link":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/chapter\/visual-text-editors\/","title":{"rendered":"Visual & Text Editors"},"content":{"raw":"\n
When writing and editing your work in Pressbooks, you have a choice between working in the \"Visual Editor\" and the \"Text Editor\" according to your preferences. This chapter will explain the difference between them, and the tools they offer.<\/div>\n

Visual Editor<\/h2>\n

The visual editor is the default editor. It is a WYSIWYG (What You See Is What You Get) interface that allows you to see styling and formatting as they are applied.<\/p>\n

This interface also includes a toolbar that the top of the editor. While most options are straightforward, there are a range of buttons whose functions might not be obvious at first. Below is a guide to each of the toolbar functions, and where you'll find them.<\/p>\n

NOTE: While much of this formatting is possible in other programs, such as MS Word, applying it in the Pressbooks editing interface ensures it will function correctly in all outputs.<\/p>\n

\"editors1\"<\/p>\n

    \n
  1. Make your text bold<\/li>\n
  2. Add italics<\/li>\n
  3. Add a strikethrough to text<\/li>\n
  4. Start a bulleted list, or converted higlighted text to a bulleted list<\/li>\n
  5. Start a numbered list, or converted higlighted text to a numbered list<\/li>\n
  6. Insert a blockquote<\/li>\n
  7. Insert a horizontal line (between paragraphs)<\/li>\n
  8. Left-align your text (default)<\/li>\n
  9. Center your text<\/li>\n
  10. Right-align your text<\/li>\n
  11. Create a link (highlight your text before clicking and insert the link when prompted)<\/li>\n
  12. Remove a link (this can also be done by clicking on the link, then clicking the 'X' that appears)<\/li>\n
  13. Insert a \"Read More\" tag (beta)<\/li>\n
  14. Toggle toolbar to display more options<\/li>\n
  15. Underline text<\/li>\n
  16. Justify text (note: text is automatically justified in PDF outputs)<\/li>\n
  17. Change the colour of your text<\/li>\n
  18. Highlight text by adding a coloured background<\/li>\n
  19. Paste copied content as text (without keeping any formatting)<\/li>\n
  20. Clear any formatting from text<\/li>\n
  21. Open the special characters menu<\/li>\n
  22. Decrease the paragraph indent<\/li>\n
  23. Increase the paragraph indent<\/li>\n
  24. Undo last action<\/li>\n
  25. Redo last action<\/li>\n
  26. Open the 'Keyboard Shortcuts' menu<\/li>\n
  27. Insert and edit tables (see our guide chapter<\/a> for full uses)<\/li>\n
  28. Insert a footnote, or convert highlighted text to a footnote<\/li>\n
  29. Convert MS Word footnotes to the Pressbooks format<\/li>\n
  30. Insert an anchor tag<\/li>\n
  31. Type in, or convert higlighted text to supercript<\/sup><\/li>\n
  32. Type in, or convert higlighted text to subscript<\/sub><\/li>\n
  33. Switch to the Text Editor<\/li>\n
  34. Enable the 'distraction free writing mode', which removes everything from the screen but the chapter editor.<\/li>\n<\/ol>\n

    Text Editor<\/h2>\n

    As an alternative to the visual editor, you can also work in a text editor, or switch to it as necessary for specific needs. Here, you can view and edit the HTML version of any text written and formatted in the visual editor, and you can also write directly in HTML, using the toolbar as necessary.<\/p>\n

    The text editor toolbar offers fewer options, tailored to working in HTML. They are detailed below.<\/p>\n

    NOTE: While you can work in HTML directly, not all HTML will work in all exports. We recommend keeping it simple, and using the tools available in the visual editor as a guide.<\/p>\n

    \"editors2\"<\/p>\n

      \n
    1. Open and close <strong> tags to make text bold (click once to open, and again to close the tag)<\/li>\n
    2. Open and close <em> tags to make text italics<\/li>\n
    3. Link text (a pop up will appear)<\/li>\n
    4. Insert the blockquote tags<\/li>\n
    5. Strikethrough text (also adds a date and time marker)<\/li>\n
    6. Insert a date\/time tag<\/li>\n
    7. Insert an image (from URL)<\/li>\n
    8. Insert a bulleted list<\/li>\n
    9. Insert a numbered list<\/li>\n
    10. Add list item<\/li>\n
    11. open and close <code> tags, to style text as code<\/li>\n
    12. Insert a 'Read More' tag (beta)<\/li>\n
    13. Close tags (automatically closes any open tags)<\/li>\n
    14. Open and close footnote shortcode<\/li>\n<\/ol>\n\n","rendered":"
      When writing and editing your work in Pressbooks, you have a choice between working in the “Visual Editor” and the “Text Editor” according to your preferences. This chapter will explain the difference between them, and the tools they offer.<\/div>\n

      Visual Editor<\/h2>\n

      The visual editor is the default editor. It is a WYSIWYG (What You See Is What You Get) interface that allows you to see styling and formatting as they are applied.<\/p>\n

      This interface also includes a toolbar that the top of the editor. While most options are straightforward, there are a range of buttons whose functions might not be obvious at first. Below is a guide to each of the toolbar functions, and where you’ll find them.<\/p>\n

      NOTE: While much of this formatting is possible in other programs, such as MS Word, applying it in the Pressbooks editing interface ensures it will function correctly in all outputs.<\/p>\n

      \"editors1\"<\/p>\n

        \n
      1. Make your text bold<\/li>\n
      2. Add italics<\/li>\n
      3. Add a strikethrough to text<\/li>\n
      4. Start a bulleted list, or converted higlighted text to a bulleted list<\/li>\n
      5. Start a numbered list, or converted higlighted text to a numbered list<\/li>\n
      6. Insert a blockquote<\/li>\n
      7. Insert a horizontal line (between paragraphs)<\/li>\n
      8. Left-align your text (default)<\/li>\n
      9. Center your text<\/li>\n
      10. Right-align your text<\/li>\n
      11. Create a link (highlight your text before clicking and insert the link when prompted)<\/li>\n
      12. Remove a link (this can also be done by clicking on the link, then clicking the ‘X’ that appears)<\/li>\n
      13. Insert a “Read More” tag (beta)<\/li>\n
      14. Toggle toolbar to display more options<\/li>\n
      15. Underline text<\/li>\n
      16. Justify text (note: text is automatically justified in PDF outputs)<\/li>\n
      17. Change the colour of your text<\/li>\n
      18. Highlight text by adding a coloured background<\/li>\n
      19. Paste copied content as text (without keeping any formatting)<\/li>\n
      20. Clear any formatting from text<\/li>\n
      21. Open the special characters menu<\/li>\n
      22. Decrease the paragraph indent<\/li>\n
      23. Increase the paragraph indent<\/li>\n
      24. Undo last action<\/li>\n
      25. Redo last action<\/li>\n
      26. Open the ‘Keyboard Shortcuts’ menu<\/li>\n
      27. Insert and edit tables (see our guide chapter<\/a> for full uses)<\/li>\n
      28. Insert a footnote, or convert highlighted text to a footnote<\/li>\n
      29. Convert MS Word footnotes to the Pressbooks format<\/li>\n
      30. Insert an anchor tag<\/li>\n
      31. Type in, or convert higlighted text to supercript<\/sup><\/li>\n
      32. Type in, or convert higlighted text to subscript<\/sub><\/li>\n
      33. Switch to the Text Editor<\/li>\n
      34. Enable the ‘distraction free writing mode’, which removes everything from the screen but the chapter editor.<\/li>\n<\/ol>\n

        Text Editor<\/h2>\n

        As an alternative to the visual editor, you can also work in a text editor, or switch to it as necessary for specific needs. Here, you can view and edit the HTML version of any text written and formatted in the visual editor, and you can also write directly in HTML, using the toolbar as necessary.<\/p>\n

        The text editor toolbar offers fewer options, tailored to working in HTML. They are detailed below.<\/p>\n

        NOTE: While you can work in HTML directly, not all HTML will work in all exports. We recommend keeping it simple, and using the tools available in the visual editor as a guide.<\/p>\n

        \"editors2\"<\/p>\n

          \n
        1. Open and close <strong> tags to make text bold (click once to open, and again to close the tag)<\/li>\n
        2. Open and close <em> tags to make text italics<\/li>\n
        3. Link text (a pop up will appear)<\/li>\n
        4. Insert the blockquote tags<\/li>\n
        5. Strikethrough text (also adds a date and time marker)<\/li>\n
        6. Insert a date\/time tag<\/li>\n
        7. Insert an image (from URL)<\/li>\n
        8. Insert a bulleted list<\/li>\n
        9. Insert a numbered list<\/li>\n
        10. Add list item<\/li>\n
        11. open and close <code> tags, to style text as code<\/li>\n
        12. Insert a ‘Read More’ tag (beta)<\/li>\n
        13. Close tags (automatically closes any open tags)<\/li>\n
        14. Open and close footnote shortcode<\/li>\n<\/ol>\n","protected":false},"author":1,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-31","chapter","type-chapter","status-publish","hentry"],"part":17,"_links":{"self":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/chapters\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/chapters\/31\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/chapters\/31\/revisions\/32"}],"part":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/parts\/17"}],"metadata":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/chapters\/31\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/pressbooks\/v2\/chapter-type?post=31"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/wp\/v2\/contributor?post=31"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/www.publiconsulting.com\/wordpress\/eduguide\/wp-json\/wp\/v2\/license?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}