• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
UT Shield
College of Fine Arts Web instruction
  • Welcome
  • About Us
    • WordPress & Drupal
    • Websites & Content Owners
  • Getting Started
    • Learn Best Practices for Web
    • Vocabulary Terms
    • Do you need a website?
    • Ways to Get a Website
      • Website Options Comparison
      • Initiate a Project with the Web Team
      • Outsource or DIY
    • Know Your Audience
    • Navigation & Menu Items
  • Requirements
    • Americans with Disabilities Legal Obligations
      • Alternate Text
      • Use of Color & Contrast
      • Link Text & Appearance
        • Non-Visible Link Context
      • PDF Files
      • Software Plug-in Link
      • Captions, Audio Description & Transcripts
        • webVTT Caption File
        • Caption Using Amara
        • Writing Captions & Audio Description
        • Video & Remote Communications
      • Additional ADA Issues
        • Accessible Social Media
        • Video & Remote Communications
    • UT Web Accessibility Policy
    • UT Web Privacy Policy
    • Records Retention – Backups, Archives and Revisions
    • College of Fine Arts Brand
    • UT Brand Guidelines
    • Information Security Office Policies
  • Best Practices
    • College of Fine Arts Communications Written Style Guide
    • Using a Rich Text Editor
      • Using an External HTML Editor
    • Links & URLs
      • Link Text & Appearance
        • Non-Visible Link Context
      • Absolute vs. Relative Paths
      • HTTP vs HTTPS
      • Anchor Links
      • Changing URLs
      • Shorten a URL for Marketing
    • Images
      • JPG vs PNG
      • Image Editing and Troubleshooting
    • Web Forms & Surveys
      • Create a Link to Pre-Filter a Web Form Page
    • Standards & Structure
      • Hierarchical Headers
      • Computer File Names
      • URL address names
        • UT Short Links Service
      • HTML
        • Common HTML Errors
        • Multiple Rows with Floated Images
        • Responsive Word Wrapping
    • Artificial Intelligence
    • Test & Evaluate
    • Wikipedia
    • Social Media & Networking
      • Accessible Social Media
    • RSS & Feeds
    • UT Austin Web Publishing Guidelines
  • Site Performance
    • Page Load Time
      • Fonts
    • Respond to a Variety of Devices
      • Telephone Numbers on Smart Phones
    • Analytics & Visitor Data
      • Outreach Campaign Link Tracking
        • Campaign URL Builder
        • Campaign Link Tracking Worksheet
    • Page Not Found Traffic
    • Tips to Increase Traffic
    • Optimize for AI Chat and Search
  • Site Specific Instructions
    • Instructions for COFA sites on University Blog Services WordPress
    • Instructions for COFA Drupal Kit sites
    • Instructions for COFA sites on UT Drupal Kit Managed

Using an External HTML Editor

Last Updated December 2024

Preparing well formatted content can be difficult. One possibility is to use an external HTML editor to prepare your content. Perhaps you want to pass around files you are writing using Box before you’re ready to work inside Drupal or WordPress. There are several good HTML editors that have an WYSIWYG (What You See Is What You Get), a.k.a. Rich Text editing mode.

BlueGriffon

We recommend free app that runs on both Windows and Mac called BlueGriffon. It’s free for basic use. Here is a possible workflow to use BlueGriffon as an intermediary editor between two Drupal or WordPress sites:

  1. Copy the HTML out of old Drupal or WordPress site.
  2. Create a new page in BlueGriffon and select Source from the tabs below the page: BlueGriffon View Tabs
  3. Paste the source code into a new page in BlueGriffon. Be sure to paste the HTML between the <body> tags.
  4. Edit formatted text in BlueGriffon.
  5. Copy HTML in BlueGriffon. Again, be sure to copy the HTML from between the <body> tags.
  6. Paste HTML into new Drupal or WordPress site.

BlueGriffon Screenshot

Quick Style Note: <i> vs. <em>, <b> vs. <strong>

BlueGriffon allows you to either use the the old-style <b> (bold) and <i> italic HTML tags or the newer <em>  (emphasis, displays as italic) and <strong> (strong, displays as bold) tags. Unless you are writing something like a bibliography, stick to the new <em> and <strong> tags and avoid the <u> underline tag. See the Common HTML Errors for more information about these deprecated tags.
You can choose <em> and <strong> from the left-side icons:

em and strong buttons

Primary Sidebar

Open Office / Co-Working Sessions

Second Monday of the month:
11 a.m. – 12:30 p.m.

Fourth Thursday of the month:
2 p.m. – 3:30 p.m.

Email us for the Zoom link.

College of Fine Arts WordPress Instruction
College of Fine Arts Drupal Instruction
Subscribe to our email list to receive periodic tips and resources for generating great digital content

Contact Us

The COFA Web team can be reached by emailing us at cofawebmaster@austin.utexas.edu


To view some links on this page you may need to download Acrobat Reader.

UT Home | Emergency Information | Site Policies | Web Accessibility | Web Privacy | Adobe Reader

© The University of Texas at Austin 2025