Drupal and WordPress both provide a Rich Text editor for composing content that appears very similar to MS Word’s interface (see Rich Text Editor Tips in our Drupal Instruction site and Using the Editor in our WordPress Instruction site). Behind the scenes, however, it’s building HTML code suitable for a web page. It would be a mistake to simply cut content from Word (or any other word processor) and paste it directly into Drupal or WordPress. It might look OK in the editor, but the actual HTML code that gets pasted in from Word is a mess that can break the design and layout in unexpected (and sometimes crippling) ways.
Below are tips and instructions for writing new content, pasting from Word processing software and copying from another Drupal or WordPress site. Another option is to learn a little HTML or to Use an External HTML Editor.
Writing New Content
When creating new content, we recommend composing it directly in Drupal or WordPress. Format as you see fit and leave the page unpublished until it’s ready. If it’s not working out the way you want, contact us at firstname.lastname@example.org and we’ll be happy to help.
Pasting from a Word Processor
If you must paste content from Word processing software, you will need to paste it in unformatted. You will then need to reformat the text with any bold, italics, headings, lists, etc.
First, copy the content as you normally would and then click the Paste as text button:
Next, paste the text into the editor window. If you don’t see the second row of buttons, click the Toggle toolbar button on the first row. To see the HTML code in WordPress click the Text tab.
Drupal’s Paste as plain text button is no longer supported by most browsers. To paste as plain text, you can press ⌘+⇧+V or use a program like TextEdit to remove any formatting first: paste your text in a new document and in the menu select Format > Make Plain Text. Then you can copy the unformatted text and paste it in Drupal.
Copying Content from another Drupal or Worpress Site
HTML content can be copied between sites without losing formatting. Note, however, that not all styling will be identical between sites and that some code may not be visually supported. Pages with complex content like tables and special layouts with the Body field may need to be reviewed and edited by the college Web team.
Before copying the content, switch to the source view. In the originating site: in Drupal click the “Source” button, in WordPress click the “Text” tab:
Then select all the HTML content in the editor window:
Now switch to the destination site and do the same, but paste instead of copy:
- Switch to source/text view.
- Past HTML code.
- Switch back to the regular view (AKA the WYSIWYG view, for what you see is what you get) and continue editing.