You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CONTRIBUTING.md
+83-85Lines changed: 83 additions & 85 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,34 +1,34 @@
1
-
This page outlines how you can provide feedback and contribute to TinyMCE documentation.
1
+
This page provides guidance on submitting feedback and contributing to TinyMCE documentation.
2
2
3
3
# Contributor Code of Conduct
4
4
5
-
For our Contributor Code of Conduct, visit our[Contributor Covenant Code of Conduct on GitHub](https://github.com/tinymce/tinymce-docs/blob/develop/CODE_OF_CONDUCT.md#contributor-covenant-code-of-conduct).
5
+
To review the Contributor Code of Conduct, visit the[Contributor Covenant Code of Conduct on GitHub](https://github.com/tinymce/tinymce-docs/blob/develop/CODE_OF_CONDUCT.md#contributor-covenant-code-of-conduct).
6
6
7
-
# How to contribute to TinyMCE’s documentation
7
+
# Contributing to TinyMCE documentation
8
8
9
-
We welcome people with technical writing experience to help make TinyMCE’s docs as useful to our community as possible. Although you don’t need to be an expert developer to contribute, a basic understanding of software development is helpful.
9
+
Contributions from individuals with technical writing experience are encouraged to support the clarity and usefulness of the TinyMCE documentation. While expertise in software development is not required, a basic understanding is beneficial.
10
10
11
-
What is more important is your ability to articulate complex ideas. Our goal is to help developers understand TinyMCE’s functionality as quickly as possible.
11
+
The primary requirement is the ability to communicate complex concepts clearly. The goal is to help developers understand and apply TinyMCE functionality efficiently.
12
12
13
-
Simply branch the [docs GitHub repository](https://github.com/tinymce/tinymce-docs) and submit a PR, or reach out to the [TinyMCE docs team](https://github.com/tinymce/tinymce-docs/issues/new?assignees=&labels=question&template=question.md) if you have a specific question.
13
+
To contribute, create a branch from the [docs GitHub repository](https://github.com/tinymce/tinymce-docs) and submit a pull request (PR). For documentation-specific questions, open an issue using the [TinyMCE docs team contact form](https://github.com/tinymce/tinymce-docs/issues/new?assignees=&labels=question&template=question.md).
14
14
15
15
# TinyMCE documentation tech stack
16
16
17
-
The documentation is built with [Antora](https://antora.org/) and text files are written in [AsciiDoc](https://asciidoc.org/). You will find the [repo here](https://github.com/tinymce/tinymce-docs).
17
+
The documentation is built with [Antora](https://antora.org/), and text content is authored in [AsciiDoc](https://asciidoc.org/). The source repository is available on GitHub: [tinymce-docs](https://github.com/tinymce/tinymce-docs).
18
18
19
-
## Highlighting
19
+
## Syntax highlighting
20
20
21
-
Code language syntax and associated elements are highlighted using an open and closing backtick. For example, this `object` is actually enclosed with backticks like this: `object`.
21
+
Inline code elements must be enclosed in backticks. For example, to highlight `object`, use the following syntax:
22
22
23
-
Highlight words relating specifically to executable parts of software languages. Keys and their values when pertaining to objects and methods (particularly the case with TinyMCE) should have backticks. We cannot cover every use case here and contributors need to use their best judgment.
23
+
Highlight keywords that refer to executable parts of a language. Keys and values used in objects and method options (common in TinyMCE) should also be enclosed in backticks. Exercise judgment for other cases not explicitly covered here.
24
24
25
25
## Code snippets
26
26
27
-
Code snippets should be complete, executable code blocks starting with the `tinymce` object. We write code snippets using [source blocks](https://docs.asciidoctor.org/asciidoc/latest/verbatim/source-blocks/). These start by specifying the `source` style and the code snippet language in square brackets to enable syntax highlighting. The language is typically html, css, js, or ts.
27
+
Code snippets must be complete, executable blocks that begin with the `tinymce` object. Snippets are formatted using [AsciiDoc source blocks](https://docs.asciidoctor.org/asciidoc/latest/verbatim/source-blocks/), which start with a `[source,<language>]` declaration. Supported languages include `html`, `css`, `js`, and `ts`.
28
28
29
-
Include any key values pairs and method options that are required to enable a user to test the snippet in a local HTML file. You do not need to include the `html` surrounding the `tinymce` object that would be required to make the snippet work.
29
+
Each snippet must include the key-value pairs and method options necessary to run the example in a local HTML file. It is not necessary to include the full HTML structure around the `tinymce` object.
30
30
31
-
For example, this is good:
31
+
**Valid example:**
32
32
```js
33
33
[source, js]
34
34
----
@@ -40,7 +40,7 @@ For example, this is good:
40
40
----
41
41
```
42
42
43
-
This is not:
43
+
**Invalid example:**
44
44
```js
45
45
[source, js]
46
46
----
@@ -55,15 +55,15 @@ This is not:
55
55
56
56
## URLs and links
57
57
58
-
Resources to be linked take the form of a URL following by the linked text between two brackets. Linking an external resource looks like this:
58
+
Resources must be linked using a URL followed by the linked text in square brackets. External links are formatted as follows:
59
59
60
60
```
61
61
hello, http://www.example.com[text to link] to the URL example.com.
62
62
```
63
63
64
64
## Live demos
65
65
66
-
New live demos can be added to the [modules/ROOT/examples/live-demos directory](modules/ROOT/examples/live-demos). It then can be referenced in your doc with the following code:
66
+
New live demos can be added to the [`modules/ROOT/examples/live-demos`](modules/ROOT/examples/live-demos) directory. These demos can then be referenced in documentation using:
67
67
68
68
```
69
69
liveDemo::{sub-directory-name}[]
@@ -72,20 +72,19 @@ New live demos can be added to the [modules/ROOT/examples/live-demos directory](
72
72
73
73
## Adding metadata to a page
74
74
75
-
Every page should have a meta section immediately after the heading containing information that is both informative and system critical. If you are creating a page or editing one that currently has inadequate meta information, please read the comments next to the default meta fields below.
75
+
Each page must include a metadata section immediately following the top-level heading. This section contains essential system-level information. When creating or updating a page, ensure that the following meta fields are present and accurate:
76
76
77
77
```
78
-
:navtitle: // Descriptive title for the navigation bar, if omitted nav defaults to title field.
79
-
:description: // Detailed description at page level for the header section under the title.
80
-
:keywords: // Comma-separated list of keywords in the content.
78
+
:navtitle: // Descriptive title for the navigation bar. If omitted, defaults to the value of the `title` field.
79
+
:description: // Detailed description at page header section.
80
+
:keywords: // Comma-separated list of relevant keywords.
81
81
```
82
82
83
83
# Recommended tools
84
84
85
-
The following tools are recommended for significant edits to the documentation. The warnings and notifications from these tools should only be used as *guides*, not as *rules*.
85
+
The following tools are recommended for significant documentation contributions. The feedback provided by these tools should serve as guidance rather than strict requirements:
86
86
87
-
- A Spelling Checker (US English). Note: Some IDE/text editor spelling
88
-
checkers work well with Pascal-case, Camel-case, and Snake-case.
87
+
- A US English spelling checker. Many IDEs and text editors support spell checking for PascalCase, camelCase, and snake_case.
89
88
90
89
- Alex - [Alex.js integrations](https://alexjs.com/#integrations).
91
90
@@ -94,36 +93,29 @@ The following tools are recommended for significant edits to the documentation.
94
93
95
94
# Style guide
96
95
97
-
You are not required to know the style guide, **but** changes may be requested on GitHub pull requests to Tiny documentation where these guidelines are not met.
96
+
Familiarity with the style guide is not required; however, edits may be requested on pull requests if content does not align with documentation standards.
98
97
99
-
The Tiny documentation style guide is based on the [Readability Guidelines](https://readabilityguidelines.co.uk) provided by [Content Design London](https://contentdesign.london/usability/readability-guidelines/). We have chosen this guide because it’s:
98
+
The TinyMCE documentation style guide is based on the [Readability Guidelines](https://readabilityguidelines.co.uk) provided by [Content Design London](https://contentdesign.london/usability/readability-guidelines/). This guide was selected due to its community-driven approach and strong focus on readability.
100
99
101
-
- open to the community
102
-
103
-
- focused on readability.
104
-
105
-
The information in the following subsections gives an overview of key points and lists both exceptions and additions. Please follow the guidelines on this page when they differ from the linked information.
100
+
The following subsections provide key highlights, exceptions, and additions to the source guidelines. When inconsistencies arise, defer to the guidelines listed on this page.
106
101
107
102
## Keep it simple
108
103
109
-
Use short, simple words where possible. Use formal language.
-Latin terms; such as *i.e.*, *e.g.*, *etc.*, *vs.*, and *via*.
116
+
-Metaphors (e.g., *cherry picking*, *nutshell*)
122
117
123
-
- Metaphors; such as *cherry picking* and *nutshell*.
124
-
125
-
- Complex or specialist terms; such as *chrome* (the toolbar, menu
126
-
bar, status bar) and *upstream*.
118
+
- Complex or specialist terms (e.g., *chrome* as in UI elements, *upstream*)
127
119
128
120
For guidelines on using specialist terms, see: [Content Design London: Readability Guidelines - Specialist terms](https://readabilityguidelines.co.uk/clear-language/specialist-terms/).
129
121
@@ -137,35 +129,35 @@ For information on:
137
129
138
130
For a short list of some commonly used Latin terms, see: [Australian Government Style Manual - Latin shortened forms](https://www.stylemanual.gov.au/format-writing-and-structure/clear-language-and-writing-style/plain-english-and-word-choice/latin-shortened-forms).
139
131
140
-
## Use US English (en\_US) spelling
132
+
## Use US English (en_US) spelling
141
133
142
-
Use United States English. For example:
134
+
Use United States English spelling conventions. For example:
143
135
144
-
- "behavior" rather than "behaviour".
136
+
- "behavior" instead of "behaviour"
145
137
146
-
- "canceled" rather than "cancelled".
138
+
- "canceled" instead of "cancelled"
147
139
148
140
## Use proper names for programs and languages
149
141
150
-
When referring to the name of a development language, use the proper name or the industry convention.
142
+
Always refer to development languages and software using their proper names or recognized industry conventions.
151
143
152
-
For example:
144
+
Correct examples include:
153
145
154
146
- "CSS" not "css"
155
147
156
148
- "jQuery" not "Jquery"
157
149
158
150
- "React" not "React-js"
159
151
160
-
When using these terms in code elements (\`) or pre blocks (\`\`\`), use standard syntax. Such as:
152
+
When referencing code elements (`` ` ``) or fenced code blocks (`` ``` ``), use standard syntax. For example:
161
153
162
154
-`tinymce`
163
155
164
156
-`<html>`
165
157
166
158
-`var React = require('react');`
167
159
168
-
When referring to a program, use the proper name.
160
+
When referring to software programs, use their full, proper names. For example:
169
161
170
162
For example:
171
163
@@ -177,111 +169,117 @@ For example:
177
169
178
170
## TinyMCE or tinymce
179
171
180
-
Use the capitalized version of TinyMCE when referring to the open source project or the editor. "TinyMCE" is an abbreviation of "Tiny MoxieCode Editor", but is better known as TinyMCE.
172
+
Use the capitalized form **TinyMCE** when referring to the open source project or the editor interface. TinyMCE is derived from "Tiny MoxieCode Editor," but is more commonly known by its abbreviation.
181
173
182
-
Use lowercase when referring to the `tinymce` JavaScript object.
174
+
Use lowercase when referring to the **`tinymce`** JavaScript object.
183
175
184
-
## Use Active voice not Passive voice
176
+
## Use active voice, not passive voice
185
177
186
-
Use active voice. Passive voice decreases readability and comprehension.
178
+
Use active voice to improve readability and comprehension. Passive constructions should be avoided unless grammatically necessary.
187
179
188
-
For information on the difference between active and passive voice, see: [Grammar Girl: Active Voice Versus Passive Voice](https://www.quickanddirtytips.com/education/grammar/active-voice-versus-passive-voice).
180
+
For a detailed explination, see: [Grammar Girl: Active Voice Versus Passive Voice](https://www.quickanddirtytips.com/education/grammar/active-voice-versus-passive-voice).
189
181
190
182
## Titles and headings
191
183
192
-
Titles and headings should be:
184
+
Titles and headings must be:
193
185
194
-
- Descriptive but concise
186
+
- Descriptive yet concise
195
187
196
-
- Written using Sentence-case capitalization.
188
+
- Written in sentence case capitalization.
197
189
198
-
Sentence case capitalization is more comfortable to read in technical documentation.
190
+
Sentence case capitalization improves readability in technical documentation.
199
191
200
-
For guidelines on headings and titles, see: [Content Design London: Readability Guidelines - Headings and titles](https://readabilityguidelines.co.uk/content-design/headings-titles/).
192
+
For additional guidence, see: [Content Design London: Readability Guidelines - Headings and titles](https://readabilityguidelines.co.uk/content-design/headings-titles/).
201
193
202
194
## Using abbreviations, acronyms, and intialisms
203
195
204
-
General points:
196
+
General guidelines:
205
197
206
-
- Do not use points or spaces.
198
+
- Do not use periods or spaces in abbreviations.
207
199
208
-
- Write out "for example" and "that is" in full (not "eg" or "ie").
200
+
- Write out "for example" and "that is" in full (not "e.g." or "i.e.").
209
201
210
-
-If an acronym is better understood than the full text, use the acronym.
202
+
-When the acronym is more familiar than its expanded form, use the acronym.
211
203
212
-
- Use all capital letters for initialisms.
204
+
- Use all capital letters for initialisms (e.g., HTML, CSS).
213
205
214
-
-Start with a capital letter for acronyms.
206
+
-Use an initial capital letter for acronyms (e.g., AsciiDoc, Antora).
- Provide the full form of any abbreviation or acronym on first use.
219
211
220
-
-Consider providing a full explanation each time.
212
+
-When clarity is critical, consider repeating the full form with each usage.
221
213
222
214
For guidelines on using abbreviations, acronyms, and intialisms; see: [Content Design London: Readability Guidelines - Abbreviations and acronyms](https://readabilityguidelines.co.uk/grammar-points/abbreviations-and-acronyms/).
223
215
224
216
## Adverbs
225
217
226
-
Avoid adverbs, such as:*very*and *usually*.
218
+
Avoid adverbs such as *very*, *usually*, *quickly*, and *clearly*, unless necessary for precision.
227
219
228
220
For examples and a definition of an adverb, see: [Cambridge Dictionary: Grammar - Adverbs](https://dictionary.cambridge.org/grammar/british-grammar/adverbs_2).
229
221
230
222
For (casual) information on removing adverbs, see: [Grammar Girl: How to Eliminate Adverbs](https://www.quickanddirtytips.com/education/grammar/how-to-eliminate-adverbs).
231
223
232
224
## Contractions
233
225
234
-
Avoid contractions, such as: *can’t*, *don’t*, *they’re*, and *could’ve*.
226
+
Avoid contractions. Use full word forms to improve clarity and consistency in technical documentation.
227
+
228
+
- Examples to avoid include: *can’t*, *don’t*, *they’re*, *could’ve*.
235
229
236
230
For information on contractions, see: [Content Design London: Readability Guidelines - Contractions](https://readabilityguidelines.co.uk/grammar-points/contractions/).
237
231
238
232
## Hyphens
239
233
240
-
Limit use of hyphens. Some general pointers:
234
+
Use hyphens only when necessary to avoid confusion or ambiguity. Follow current usage standards and remain consistent throughout the content.
235
+
236
+
General principles:
241
237
242
-
-Only use a hyphen if the word or phrase is confusing without it.
238
+
-Use a hyphen if omitting it would cause confusion.
243
239
244
-
-Make sure your hyphen usage is up to date.
240
+
-Avoid outdated or unnecessary hyphenation.
245
241
246
-
-Be consistent with hyphen usage.
242
+
-Maintain consistent usage patterns across similar terms.
247
243
248
244
For guidelines on using hyphens, see: [Content Design London: Readability Guidelines - Hyphens and dashes](https://readabilityguidelines.co.uk/grammar-points/hyphens-and-dashes/).
249
245
250
246
## Pronouns
251
247
252
-
Avoid pronouns, such as:*we*, *you*, *their*, and *I*.
248
+
Avoid pronouns, such as *we*, *you*, *their*, and *I*.
253
249
254
250
For examples and a definition of an pronoun, see: [Cambridge Dictionary: Grammar - Pronouns](https://dictionary.cambridge.org/grammar/british-grammar/pronouns_1).
255
251
256
252
For reasons to avoid pronouns, see: [Content Design London: Readability Guidelines - We, you, our, your, my](https://readabilityguidelines.co.uk/audiences-devices-channels/we-you-our-your-my/).
257
253
258
-
## First, Second, or Third Person Perspective
254
+
## First, second, or third person perspective
259
255
260
-
Write in a second person perspective, such as: *You*, and *your*. Remember to avoid using pronouns, including *you*and *your*.
256
+
Documentation should avoid using any narrative perspective that requires pronouns. Although second person (*you*, *your*) is often used in general guidance, pronouns should still be excluded for clarity and consistency.
261
257
262
-
For information on writing in a second person perspective, see: [Grammar Girl: First, Second, and Third Person](https://www.quickanddirtytips.com/education/grammar/first-second-and-third-person?page=1).
258
+
For an explanation of narrative perspectives, see: [Grammar Girl: First, Second, and Third Person](https://www.quickanddirtytips.com/education/grammar/first-second-and-third-person?page=1).
263
259
264
260
## Links and cross-references
265
261
266
262
When adding links or cross-references:
267
263
268
-
-Make link text meaningful.
264
+
-Use meaningful and descriptive link text.
269
265
270
-
- Avoid mid-sentence links.
266
+
- Avoid placing links mid-sentence.
271
267
272
-
-Match the destination content.
268
+
-Ensure link text accurately matches the destination content.
273
269
274
-
- Use sentence case.
270
+
- Use sentence case for link text.
275
271
276
272
For guidelines on adding links to the documentation, see: [Content Design London: Readability Guidelines - Links](https://readabilityguidelines.co.uk/content-design/links/).
277
273
278
274
## Images and icons
279
275
280
-
Avoid adding images to the documentation. They can quickly become outdated. Use a description or a "demo" instead.
276
+
Avoid adding images unless necessary. Images may become outdated quickly and often require maintenance. When applicable, replace images with text descriptions or live demos.
277
+
278
+
When images are required:
281
279
282
-
When images are used, reuse existing images if possible. This includes icons.
280
+
- Reuse existing images when possible (including icons).
283
281
284
-
Ensure a brief description of the image is provided in the alternative text attribute.
282
+
- Always include descriptive alternative text using the `alt` attribute.
285
283
286
284
For information on providing useful alternative text for images, see: [WCAG 2.1 specification: G95 - Providing short text alternatives that provide a brief description of the non-text content](https://www.w3.org/WAI/WCAG21/Techniques/general/G95.html).
0 commit comments