How to show hidden text how to#
How to show hidden text code#

This is especially true if you delete larger blocks of text, such as entire paragraphs. This makes it very easy to delete hidden text without even realizing it. When you turn it off, it doesn't show up at all on your screen. Turning off the display of hidden text presents a danger that you need to be aware of, however.

(This is the tool that contains the paragraph symbol it looks like a backwards P and is technically called a pilcrow.) This tool is directly attached to the Show All Formatting Marks option in the Word Options dialog box it toggles the setting of the check box. You can also control the display of hidden text (along with all other non-printing characters) by clicking on the Home tab of the ribbon, in the Paragraph group. (Same caveat about the Show All Formatting Marks check box applies.) The reason is that if the Show All Formatting Marks check box is selected, then all the check boxes that appear just above it (in the 'Always Show These Formatting Marks On the Screen' section) are displayed.Īfter hidden text is hidden, you can later display it by following the same steps, but make sure the Hidden Text check box (step 3) is selected. Note that if the Show All Formatting Marks check box is selected in the Word Options dialog box, it doesn't really matter whether the Hidden Text check box is selected or not (step 3).

The display options in the Word Options dialog box.

Click Display at the left side of the dialog box.

In Word 2010 or a later version, display the File tab of the ribbon and then click Options.) (In Word 2007 click the Office button and then click Word Options. To turn off the display of hidden text on the screen, follow these steps: When you later display hidden text, it will all be displayed again. When the display of hidden text is turned off, the text is not deleted, its display is simply suppressed-it is not shown. You can control whether hidden text is displayed or printed. In Word, hidden is a text attribute just like italics or bold. (This article first appeared in Possibilities ezine.Hidden text is text that has the hidden attribute applied.

How to show hidden text code#

When satisfied with the content and its behavior, the code on your test page is ready to paste into live web pages. To constrain the width, the example code can be put into another div with a maximum width specified. Nothing needs to be customized.Ĭopy and paste the above example code into a test page to try it with your own text. The JavaScript can be anywhere on the page, even imported, if so desired. The div tag also contains onclick='RevealHiddenOverflow(this)', which calls the JavaScript when the div is clicked or tapped on. The rest of the inline style may be moved to a style sheet. Otherwise, it will take a click or tap to make the style accessible to the JavaScript and a second click or tap to reveal the hidden overflowed text. The overflow:hidden rule needs to remain as inline style. Print an elipsis at the end of the visible text if any is hidden ( text-overflow:ellipsis ).Hide any text that won't fit ( overflow:hidden ).Keep all text on one line ( white-space:nowrap ).The inline CSS is what tells the browser to: The source code has two parts, the div with the text and the JavaScript to handle the overflow visibility.

How to show hidden text how to#

Click here to reveal the text of the entire line.Īnd here's the code for how to do it.