]> git.saurik.com Git - wxWidgets.git/blame - docs/latex/wx/richtextoverview.tex
Add empty EnableCloseButton() into wxTLW base class.
[wxWidgets.git] / docs / latex / wx / richtextoverview.tex
CommitLineData
5f35b46a
JS
1\section{wxRichTextCtrl overview}\label{wxrichtextctrloverview}
2
3Classes: \helpref{wxRichTextCtrl}{wxrichtextctrl}, \helpref{wxRichTextBuffer}{wxrichtextbuffer},
4\helpref{wxRichTextAttr}{wxrichtextattr}, \helpref{wxTextAttrEx}{wxtextattrex},
5\helpref{wxRichTextCharacterStyleDefinition}{wxrichtextcharacterstyledefinition},
6\helpref{wxRichTextParagraphStyleDefinition}{wxrichtextparagraphstyledefinition},
d2d0adc7 7\helpref{wxRichTextListStyleDefinition}{wxrichtextliststyledefinition},
5f35b46a 8\helpref{wxRichTextStyleSheet}{wxrichtextstylesheet},
62a268cc 9\helpref{wxRichTextStyleComboCtrl}{wxrichtextstylecomboctrl},
5f35b46a
JS
10\helpref{wxRichTextStyleListBox}{wxrichtextstylelistbox},
11\helpref{wxRichTextEvent}{wxrichtextevent}, \helpref{wxRichTextRange}{wxrichtextrange},
12\helpref{wxRichTextFileHandler}{wxrichtextfilehandler}, \helpref{wxRichTextHTMLHandler}{wxrichtexthtmlhandler},
62a268cc
JS
13\helpref{wxRichTextXMLHandler}{wxrichtextxmlhandler},
14\helpref{wxRichTextFormattingDialog}{wxrichtextformattingdialog},
15\helpref{wxSymbolPickerDialog}{wxsymbolpickerdialog}
5f35b46a 16
27b12131
JS
17wxRichTextCtrl provides a generic implementation of a rich text editor that can handle different character
18styles, paragraph formatting, and images. It's aimed at editing 'natural' language text - if you need an editor that supports code editing,
19wxStyledTextCtrl is a better choice.
20
21Despite its name, it cannot currently read or write RTF (rich text format) files. Instead, it
22uses its own XML format, and can also read and write plain text. In future we expect to provide
23RTF file capabilities. Custom file formats can be supported by creating additional
24file handlers and registering them with the control.
25
26wxRichTextCtrl is largely compatible with the wxTextCtrl API, but extends it where necessary.
27The control can be used where the native rich text capabilities of wxTextCtrl are not
28adequate (this is particularly true on Windows) and where more direct access to
29the content representation is required. It is difficult and inefficient to read
30the style information in a wxTextCtrl, whereas this information is readily
31available in wxRichTextCtrl. Since it's written in pure wxWidgets, any customizations
32you make to wxRichTextCtrl will be reflected on all platforms.
33
34There are of course a few disadvantages to using wxRichTextCtrl. It is not native,
35so does not behave exactly as a native wxTextCtrl, although common editing conventions
36are followed. Users may miss the built-in spelling correction on Mac OS X, or any
37special character input that may be provided by the native control. It would also
38be a bad choice if intended users rely on screen readers that would be unhappy
39with non-native text input implementation. You might mitigate this by providing
40the choice between wxTextCtrl and wxRichTextCtrl, with fewer features in the
41former case.
42
43wxRichTextCtrl does not yet support printing directly, but content can be converted
44to HTML which can then be used with \helpref{wxHtmlEasyPrinting}{wxhtmleasyprinting}.
5f35b46a
JS
45
46The following screenshot shows the wxRichTextCtrl sample in action:
47
48$$\image{8cm;0cm}{richtextctrl.gif}$$
49
50\wxheading{Example}\label{wxrichtextctrlexample}
51
27b12131 52The following code is taken from the sample, and adds text and styles to a rich text control programmatically.
5f35b46a
JS
53
54{\small
55\begin{verbatim}
27b12131
JS
56 wxRichTextCtrl* richTextCtrl = new wxRichTextCtrl(splitter, wxID_ANY, wxEmptyString, wxDefaultPosition, wxSize(200, 200), wxVSCROLL|wxHSCROLL|wxNO_BORDER|wxWANTS_CHARS);
57
58 wxFont textFont = wxFont(12, wxROMAN, wxNORMAL, wxNORMAL);
59 wxFont boldFont = wxFont(12, wxROMAN, wxNORMAL, wxBOLD);
60 wxFont italicFont = wxFont(12, wxROMAN, wxITALIC, wxNORMAL);
61
62 wxFont font(12, wxROMAN, wxNORMAL, wxNORMAL);
63
64 m_richTextCtrl->SetFont(font);
65
66 wxRichTextCtrl& r = richTextCtrl;
67
68 r.BeginSuppressUndo();
69
70 r.BeginParagraphSpacing(0, 20);
71
72 r.BeginAlignment(wxTEXT_ALIGNMENT_CENTRE);
73 r.BeginBold();
74
75 r.BeginFontSize(14);
76 r.WriteText(wxT("Welcome to wxRichTextCtrl, a wxWidgets control for editing and presenting styled text and images"));
77 r.EndFontSize();
78 r.Newline();
79
80 r.BeginItalic();
81 r.WriteText(wxT("by Julian Smart"));
82 r.EndItalic();
83
84 r.EndBold();
85
86 r.Newline();
87 r.WriteImage(wxBitmap(zebra_xpm));
88
89 r.EndAlignment();
90
91 r.Newline();
92 r.Newline();
93
94 r.WriteText(wxT("What can you do with this thing? "));
95 r.WriteImage(wxBitmap(smiley_xpm));
96 r.WriteText(wxT(" Well, you can change text "));
97
98 r.BeginTextColour(wxColour(255, 0, 0));
99 r.WriteText(wxT("colour, like this red bit."));
100 r.EndTextColour();
101
102 r.BeginTextColour(wxColour(0, 0, 255));
103 r.WriteText(wxT(" And this blue bit."));
104 r.EndTextColour();
105
106 r.WriteText(wxT(" Naturally you can make things "));
107 r.BeginBold();
108 r.WriteText(wxT("bold "));
109 r.EndBold();
110 r.BeginItalic();
111 r.WriteText(wxT("or italic "));
112 r.EndItalic();
113 r.BeginUnderline();
114 r.WriteText(wxT("or underlined."));
115 r.EndUnderline();
116
117 r.BeginFontSize(14);
118 r.WriteText(wxT(" Different font sizes on the same line is allowed, too."));
119 r.EndFontSize();
120
121 r.WriteText(wxT(" Next we'll show an indented paragraph."));
122
123 r.BeginLeftIndent(60);
124 r.Newline();
125
126 r.WriteText(wxT("Indented paragraph."));
127 r.EndLeftIndent();
128
129 r.Newline();
130
131 r.WriteText(wxT("Next, we'll show a first-line indent, achieved using BeginLeftIndent(100, -40)."));
132
133 r.BeginLeftIndent(100, -40);
134 r.Newline();
135
136 r.WriteText(wxT("It was in January, the most down-trodden month of an Edinburgh winter."));
137 r.EndLeftIndent();
138
139 r.Newline();
140
141 r.WriteText(wxT("Numbered bullets are possible, again using subindents:"));
142
143 r.BeginNumberedBullet(1, 100, 60);
144 r.Newline();
145
146 r.WriteText(wxT("This is my first item. Note that wxRichTextCtrl doesn't automatically do numbering, but this will be added later."));
147 r.EndNumberedBullet();
148
149 r.BeginNumberedBullet(2, 100, 60);
150 r.Newline();
151
152 r.WriteText(wxT("This is my second item."));
153 r.EndNumberedBullet();
154
155 r.Newline();
156
157 r.WriteText(wxT("The following paragraph is right-indented:"));
158
159 r.BeginRightIndent(200);
160 r.Newline();
161
162 r.WriteText(wxT("It was in January, the most down-trodden month of an Edinburgh winter. An attractive woman came into the cafe, which is nothing remarkable."));
163 r.EndRightIndent();
164
165 r.Newline();
166
167 wxArrayInt tabs;
168 tabs.Add(400);
169 tabs.Add(600);
170 tabs.Add(800);
171 tabs.Add(1000);
172 wxTextAttrEx attr;
173 attr.SetFlags(wxTEXT_ATTR_TABS);
174 attr.SetTabs(tabs);
175 r.SetDefaultStyle(attr);
176
177 r.WriteText(wxT("This line contains tabs:\tFirst tab\tSecond tab\tThird tab"));
178
179 r.Newline();
180 r.WriteText(wxT("Other notable features of wxRichTextCtrl include:"));
181
182 r.BeginSymbolBullet(wxT('*'), 100, 60);
183 r.Newline();
184 r.WriteText(wxT("Compatibility with wxTextCtrl API"));
185 r.EndSymbolBullet();
186
187 r.WriteText(wxT("Note: this sample content was generated programmatically from within the MyFrame constructor in the demo. The images were loaded from inline XPMs. Enjoy wxRichTextCtrl!"));
188
189 r.EndSuppressUndo();
5f35b46a
JS
190\end{verbatim}
191}
192
27b12131
JS
193\subsection{Programming with wxRichTextCtrl}
194
4f88b483
JS
195\subsubsection{Starting to use wxRichTextCtrl}
196
27b12131
JS
197You need to include {\tt <wx/richtext/richtextctrl.h>} in your source, and link
198with the appropriate wxWidgets library with {\tt richtext} suffix. Put the rich text
199library first in your link line to avoid unresolved symbols.
200
201Then you can create a wxRichTextCtrl, with the wxWANT\_CHARS style if you want tabs to
202be processed by the control rather than being used for navigation between controls.
203
4f88b483
JS
204\subsubsection{wxRichTextCtrl and styles}
205
206Styling attributes are represented by one of three classes: \helpref{wxTextAttr}{wxtextattr}, \helpref{wxTextAttrEx}{wxtextattrex} and \helpref{wxRichTextAttr}{wxrichtextattr}.
207wxTextAttr is shared across all controls that are derived from wxTextCtrl and
208can store basic character and paragraph attributes. wxTextAttrEx derives
209from wxTextAttr and adds some further attributes that are only supported
210by wxRichTextCtrl. Finally, wxRichTextAttr is a more efficient version
211of wxTextAttrEx that doesn't use a wxFont object and can be used to
212query styles more quickly. wxTextAttrEx and wxRichTextAttr are largely
213interchangeable and have suitable conversion operators between them.
214
215When setting a style, the flags of the attribute object determine which
216attributes are applied. When querying a style, the passed flags are ignored
217except (optionally) to determine whether attributes should be retrieved from
218character content or from the paragraph object.
219
220wxRichTextCtrl takes a layered approach to styles, so that different parts of
221the content may be responsible for contributing different attributes to the final
222style you see on the screen.
223
224There are four main notions of style within a control:
225
226\begin{enumerate}\itemsep=0pt
227\item {\bf Basic style:} the fundamental style of a control, onto which any other
228styles are layered. It provides default attributes, and changing the basic style
229may immediately change the look of the content depending on what other styles
230the content uses. Calling wxRichTextCtrl::SetFont changes the font for the basic style.
231The basic style is set with \helpref{wxRichTextCtrl::SetBasicStyle}{wxrichtextctrlsetbasicstyle}.
232\item {\bf Paragraph style:} each paragraph has attributes that are set independently
233from other paragraphs and independently from the content within the paragraph.
234Normally, these attributes are paragraph-related, such as alignment and indentation,
235but it is possible to set character attributes too.
236The paragraph style can be set independently of its content by passing wxRICHTEXT\_SETSTYLE\_PARAGRAPHS\_ONLY
237to \helpref{wxRichTextCtrl::SetStyleEx}{wxrichtextctrlsetstyleex}.
238\item {\bf Character style:} characters within each paragraph can have attributes.
239A single character, or a run of characters, can have a particular set of attributes.
240The character style can be with \helpref{wxRichTextCtrl::SetStyle}{wxrichtextctrlsetstyle} or
241\helpref{wxRichTextCtrl::SetStyleEx}{wxrichtextctrlsetstyleex}.
242\item {\bf Default style:} this is the `current' style that determines the
243style of content that is subsequently typed, pasted or programmatically inserted.
244The default style is set with \helpref{wxRichTextCtrl::SetDefaultStyle}{wxrichtextctrlsetdefaultstyle}.
245\end{enumerate}
246
247What you see on the screen is the dynamically {\it combined} style, found by merging
248the first three of the above style types (the fourth is only a guide for future content
249insertion and therefore does not affect the currently displayed content).
250
251To make all this more concrete, here are examples of where you might set these different
252styles:
253
254\begin{enumerate}\itemsep=0pt
255\item You might set the {\bf basic style} to have a Times Roman font in 12 point,
256left-aligned, with two millimetres of spacing after each paragraph.
257\item You might set the {\bf paragraph style} (for one particular paragraph) to
258be centred.
259\item You might set the {\bf character style} of one particular word to bold.
260\item You might set the {\bf default style} to be underlined, for subsequent
261inserted text.
262\end{enumerate}
263
264Naturally you can do any of these things either using your own UI, or programmatically.
265
266The basic wxTextCtrl doesn't make the same distinctions as wxRichTextCtrl regarding
267attribute storage. So we need finer control when setting and retrieving
268attributes. \helpref{wxRichTextCtrl::SetStyleEx}{wxrichtextctrlsetstyleex} takes a {\it flags} parameter:
269
270\begin{itemize}\itemsep=0pt
271\item wxRICHTEXT\_SETSTYLE\_OPTIMIZE specifies that the style should be changed only if
272the combined attributes are different from the attributes for the current object. This is important when
273applying styling that has been edited by the user, because he has just edited the {\it combined} (visible)
274style, and wxRichTextCtrl wants to leave unchanged attributes associated with their original objects
275instead of applying them to both paragraph and content objects.
276\item wxRICHTEXT\_SETSTYLE\_PARAGRAPHS\_ONLY specifies that only paragraph objects within the given range
277should take on the attributes.
278\item wxRICHTEXT\_SETSTYLE\_CHARACTERS\_ONLY specifies that only content objects (text or images) within the given range
279should take on the attributes.
280\item wxRICHTEXT\_SETSTYLE\_WITH\_UNDO specifies that the operation should be undoable.
281\end{itemize}
27b12131 282
4f88b483
JS
283It's great to be able to change arbitrary attributes in a wxRichTextCtrl, but
284it can be unwieldy for the user or programmer to set attributes separately. Word processors have collections
285of styles that you can tailor or use as-is, and this means that you can set a heading with one click
286instead of marking text in bold, specifying a large font size, and applying a certain
287paragraph spacing and alignment for every such heading. Similarly,
288wxWidgets provides a class called \helpref{wxRichTextStyleSheet}{wxrichtextstylesheet} which manages style definitions
d2d0adc7 289(\helpref{wxRichTextParagraphStyleDefinition}{wxrichtextparagraphstyledefinition}, \helpref{wxRichTextListStyleDefinition}{wxrichtextliststyledefinition} and \helpref{wxRichTextCharacterStyleDefinition}{wxrichtextcharacterstyledefinition}).
4f88b483
JS
290Once you have added definitions to a style sheet and associated it with a wxRichTextCtrl,
291you can apply a named definition to a range of text. The classes \helpref{wxRichTextStyleComboCtrl}{wxrichtextstylecomboctrl}\rtfsp
292and \helpref{wxRichTextStyleListBox}{wxrichtextstylelistbox} can be used to present the user with a list
293of styles in a sheet, and apply them to the selected text.
294
295You can reapply a style sheet to the contents of the control, by calling \helpref{wxRichTextCtrl::ApplyStyleSheet}{wxrichtextctrlapplystylesheet}.
296This is useful if the style definitions have changed, and you want the content to reflect this.
297It relies on the fact that when you apply a named style, the style definition name is recorded in the
298content. So ApplyStyleSheet works by finding the paragraph attributes with style names and re-applying the definition's
d2d0adc7 299attributes to the paragraph. Currently, this works with paragraph and list style definitions only.
4f88b483
JS
300
301\subsection{wxRichTextCtrl dialogs}\label{wxrichtextctrldialogs}
302
303wxRichTextCtrl comes with standard dialogs to make it easier to implement
304text editing functionality.
305
306\helpref{wxRichTextFormattingDialog}{wxrichtextformattingdialog} can be used
307for character or paragraph formatting, or a combination of both. It's a wxPropertySheetDialog
308with the following available tabs: Font, Indents \& Spacing, Tabs, Bullets, and Style.
309You can select which pages will be shown by supplying flags to the dialog constructor.
310In a character formatting dialog, typically only the Font page will be shown.
311In a paragraph formatting dialog, you'll show the Indents \& Spacing, Tabs and Bullets
312pages. The Style tab is useful when editing a style definition.
313
314You can customize this dialog by providing your own wxRichTextFormattingDialogFactory
315object, which tells the formatting dialog how many pages are supported, what their identifiers
316are, and how to creates the pages.
317
318\helpref{wxSymbolPickerDialog}{wxsymbolpickerdialog} lets the user insert a symbol from
319a specified font. It has no wxRichTextCtrl dependencies besides being included in
320the rich text library.
27b12131
JS
321
322\subsection{How wxRichTextCtrl is implemented}
323
324Data representation is handled by wxRichTextBuffer, and a wxRichTextCtrl
325always has one such buffer.
326
327The content is represented by a hierarchy of objects, all derived from
328wxRichTextObject. An object might be an image, a fragment of text, a paragraph,
329or a whole buffer. Objects store a wxRichTextAttr containing style information;
330although it contains both paragraph formatting and character style, the
331paragraph style information is ignored by children of a paragraph (only
332character style is relevant to these objects).
333
334The top of the hierarchy is the buffer, a kind of wxRichTextParagraphLayoutBox.
4f88b483
JS
335containing further wxRichTextParagraph objects, each of which can include text,
336images and potentially other types of object.
27b12131
JS
337
338Each object maintains a range (start and end position) measured
339from the start of the main parent box.
340
341When Layout is called on an object, it is given a size which the object
342must limit itself to, or one or more flexible directions (vertical
62a268cc 343or horizontal). So, for example, a centred paragraph is given the page
27b12131
JS
344width to play with (minus any margins), but can extend indefinitely
345in the vertical direction. The implementation of Layout caches the calculated
346size and position.
347
348When the buffer is modified, a range is invalidated (marked as requiring
349layout), so that only the minimum amount of layout is performed.
350
351A paragraph of pure text with the same style contains just one further
352object, a wxRichTextPlainText object. When styling is applied to part of
353this object, the object is decomposed into separate objects, one object
354for each different character style. So each object within a paragraph always has
355just one wxRichTextAttr object to denote its character style. Of course, this can
356lead to fragmentation after a lot of edit operations, potentially leading
357to several objects with the same style where just one would do. So
358a Defragment function is called when updating the control's display, to ensure that
359the minimum number of objects is used.
360
27b12131
JS
361\subsection{wxRichTextCtrl roadmap}
362
363\wxheading{Bugs}
364
365This is an incomplete list of bugs.
366
4f88b483 367\begin{itemize}\itemsep=0pt
27b12131
JS
368\item Moving the caret up at the beginning of a line sometimes incorrectly positions the
369caret.
4f88b483
JS
370\item As the selection is expanded, the text jumps slightly due to kerning differences between
371drawing a single text string versus drawing several fragments separately. This could
372be improved by using wxDC::GetPartialTextExtents to calculate exactly where the separate fragments
373should be drawn.
374Alternatively, it might be possible to use the difference between the width of text from
375a to b+1, versus the width of the text from a to b added to the width of b to b+1.
376Note that this problem also applies to separation of text fragments due to difference in their attributes.
377\item Selection doesn't work properly for text that contains tabs.
27b12131
JS
378\end{itemize}
379
380\wxheading{Features}
5f35b46a 381
27b12131 382This is a list of some of the features that have yet to be implemented. Help with them will be appreciated.
5f35b46a 383
4f88b483 384\begin{itemize}\itemsep=0pt
27b12131
JS
385\item Printing
386\item RTF input and output
387\item Floating images, with content wrapping around them
388\item A ruler control
389\item Standard editing toolbars
27b12131
JS
390\item Tables
391\item Text frames
27b12131 392\end{itemize}
5f35b46a 393
27b12131
JS
394There are also things that could be done to take advantage of the underlying text capabilities of the platform;
395higher-level text formatting APIs are available on some platforms, such as Mac OS X, and some of translation from
396high level to low level wxDC API is unnecessary. However this would require additions to the wxWidgets API.
62a268cc 397