Product documentation Docs
    • English
    • Deutsch
    • 日本語
    • 한국어
    • Français
  • More Sites
    • Now Community
    • Developer Site
    • Knowledge Base
    • Product Information
    • ServiceNow.com
    • Training
    • Customer Success Center
    • ServiceNow Support Videos
  • Log in

Product documentation

  • Home
How search works:
  • Punctuation and capital letters are ignored
  • Special characters like underscores (_) are removed
  • Known synonyms are applied
  • The most relevant topics (based on weighting and matching to search terms) are listed first in search results
Topics are ranked in search results by how closely they match your search terms
  • A match on the entire phrase you typed
  • A match on part of the phrase you typed
  • A match on ALL of the terms in the phrase you typed
  • A match on ANY of the terms in the phrase you typed

Note: Matches in titles are always highly ranked.

  • Release version
    Table of Contents
    • Now Platform administration
Table of Contents
Choose your release version
    Home Paris Now Platform Administration Now Platform administration Field administration Field types HTML field type Editing functions in TinyMCE Embed images in HTML fields

    Embed images in HTML fields

    • Save as PDF Selected topic Topic & subtopics All topics in contents
    • Unsubscribe Log in to subscribe to topics and get notified when content changes.
    • Share this page

    Embed images in HTML fields

    You can use the HTML field image picker to embed images into HTML fields, and to add images to the image library.

    Before you begin

    Role required: the role necessary to update the record that contains the HTML field. For example, any user with a role can create a knowledge article and embed an image in it.

    About this task

    Note: Administrators and users with the image_admin role manage the image library at System UI > Images. See Storing images in the database .

    Procedure

    1. Open the form that contains the HTML field.
    2. Click the position where the image is to appear, or to modify an existing image, click the image.
    3. Click the insert/edit image icon (Insert or edit image icon) on the HTML editor toolbar.
    4. In the Insert/Modify image form, enter information in each field.
      Table 1. Insert/Modify Image form
      Field Description
      Type Select the image type.
      • Image Library: Images stored in the db_image table. You can reuse images in the image library in multiple locations.
      • Attachment: Available in the current record only
      Image Begin typing a file name and select an image from the list, or click the reference lookup icon and select an image.

      To upload a new image, click New, click Choose File, locate the image, and click Upload.

      If you chose the Attachment type, click Choose File, locate the image, and click Attach.

      Tooltip Enter alternate text that appears when a user points to the image.
      Alt Enter alternate text that can be used to improve accessibility. For example, it could be used with a screen reader. If this field is left blank, it defaults to the text entered in the Tooltip field.
      Note: To resize an embedded image, click the image. The sizing frame appears. Drag a sizing point until the image is the desired size. Corner points adjust the size proportionally. Depending on your browser, you may need to highlight the image before the sizing frame appears.
    5. (Optional) To provide additional control over the appearance of an image, click Advanced options.
      Table 2. Advanced options
      Field Description
      Layout Select the image Alignment (default is Baseline) and enter the Border thickness.
      Spacing Enter the number of Horizontal and Vertical pixels around the image.
      Size Enter the Width and Height of the image (in pixels).
    6. Click OK.
    7. (Optional) Paste an image into the HTML editor. To edit the image, save the entry then select the image. Click the insert/edit image icon and complete the form using the same tables for adding an image.
      Pasted images are saved in the system as attachments.

    Tags:

    Feedback
    On this page

    Previous topic

    Next topic

    • Contact Us
    • Careers
    • Terms of Use
    • Privacy Statement
    • Sitemap
    • © ServiceNow. All rights reserved.

    Release version
    Choose your release version

      Embed images in HTML fields

      • Save as PDF Selected topic Topic & subtopics All topics in contents
      • Unsubscribe Log in to subscribe to topics and get notified when content changes.
      • Share this page

      Embed images in HTML fields

      You can use the HTML field image picker to embed images into HTML fields, and to add images to the image library.

      Before you begin

      Role required: the role necessary to update the record that contains the HTML field. For example, any user with a role can create a knowledge article and embed an image in it.

      About this task

      Note: Administrators and users with the image_admin role manage the image library at System UI > Images. See Storing images in the database .

      Procedure

      1. Open the form that contains the HTML field.
      2. Click the position where the image is to appear, or to modify an existing image, click the image.
      3. Click the insert/edit image icon (Insert or edit image icon) on the HTML editor toolbar.
      4. In the Insert/Modify image form, enter information in each field.
        Table 1. Insert/Modify Image form
        Field Description
        Type Select the image type.
        • Image Library: Images stored in the db_image table. You can reuse images in the image library in multiple locations.
        • Attachment: Available in the current record only
        Image Begin typing a file name and select an image from the list, or click the reference lookup icon and select an image.

        To upload a new image, click New, click Choose File, locate the image, and click Upload.

        If you chose the Attachment type, click Choose File, locate the image, and click Attach.

        Tooltip Enter alternate text that appears when a user points to the image.
        Alt Enter alternate text that can be used to improve accessibility. For example, it could be used with a screen reader. If this field is left blank, it defaults to the text entered in the Tooltip field.
        Note: To resize an embedded image, click the image. The sizing frame appears. Drag a sizing point until the image is the desired size. Corner points adjust the size proportionally. Depending on your browser, you may need to highlight the image before the sizing frame appears.
      5. (Optional) To provide additional control over the appearance of an image, click Advanced options.
        Table 2. Advanced options
        Field Description
        Layout Select the image Alignment (default is Baseline) and enter the Border thickness.
        Spacing Enter the number of Horizontal and Vertical pixels around the image.
        Size Enter the Width and Height of the image (in pixels).
      6. Click OK.
      7. (Optional) Paste an image into the HTML editor. To edit the image, save the entry then select the image. Click the insert/edit image icon and complete the form using the same tables for adding an image.
        Pasted images are saved in the system as attachments.

      Tags:

      Feedback

          Share this page

          Got it! Feel free to add a comment
          To share your product suggestions, visit the Idea Portal.
          Please let us know how to improve this content

          Check any that apply

          To share your product suggestions, visit the Idea Portal.
          Confirm

          We were unable to find "Coaching" in Jakarta. Would you like to search instead?

          No Yes
          • Contact Us
          • Careers
          • Terms of Use
          • Privacy Statement
          • Sitemap
          • © ServiceNow. All rights reserved.

          Subscribe Subscribed Unsubscribe Last updated: Tags: January February March April May June July August September October November December No Results Found Versions Search preferences successfully updated My release version successfully updated My release version successfully deleted An error has occurred. Please try again later. You have been unsubscribed from all topics. You are now subscribed to and will receive notifications if any changes are made to this page. You have been unsubscribed from this content Thank you for your feedback. Form temporarily unavailable. Please try again or contact  docfeedback@servicenow.com  to submit your comments. The topic you requested does not exist in the release. You were redirected to a related topic instead. The available release versions for this topic are listed There is no specific version for this documentation. Explore products Click to go to the page. Release notes and upgrades Click to open the dropdown menu. Delete Remove No selected version Reset This field is required You are already subscribed to this topic Attach screenshot The file you uploaded exceeds the allowed file size of 20MB. Please try again with a smaller file. Please complete the reCAPTCHA step to attach a screenshot
          Log in to personalize your search results and subscribe to topics
          No, thanks Login