Skip to content

Commit deb117a

Browse files
authored
DOC-3221: Refine language and structure in CONTRIBUTING.md for clarity and consistency. (#3735)
1 parent 08dd16c commit deb117a

File tree

1 file changed

+83
-85
lines changed

1 file changed

+83
-85
lines changed

CONTRIBUTING.md

Lines changed: 83 additions & 85 deletions
Original file line numberDiff line numberDiff 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.
22

33
# Contributor Code of Conduct
44

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).
66

7-
# How to contribute to TinyMCE’s documentation
7+
# Contributing to TinyMCE documentation
88

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.
1010

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.
1212

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).
1414

1515
# TinyMCE documentation tech stack
1616

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).
1818

19-
## Highlighting
19+
## Syntax highlighting
2020

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:
2222

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.
2424

2525
## Code snippets
2626

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`.
2828

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.
3030

31-
For example, this is good:
31+
**Valid example:**
3232
```js
3333
[source, js]
3434
----
@@ -40,7 +40,7 @@ For example, this is good:
4040
----
4141
```
4242

43-
This is not:
43+
**Invalid example:**
4444
```js
4545
[source, js]
4646
----
@@ -55,15 +55,15 @@ This is not:
5555

5656
## URLs and links
5757

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:
5959

6060
```
6161
hello, http://www.example.com[text to link] to the URL example.com.
6262
```
6363

6464
## Live demos
6565

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:
6767

6868
```
6969
liveDemo::{sub-directory-name}[]
@@ -72,20 +72,19 @@ New live demos can be added to the [modules/ROOT/examples/live-demos directory](
7272

7373
## Adding metadata to a page
7474

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:
7676

7777
```
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.
8181
```
8282

8383
# Recommended tools
8484

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:
8686

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.
8988

9089
- Alex - [Alex.js integrations](https://alexjs.com/#integrations).
9190

@@ -94,36 +93,29 @@ The following tools are recommended for significant edits to the documentation.
9493

9594
# Style guide
9695

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.
9897

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.
10099

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.
106101

107102
## Keep it simple
108103

109-
Use short, simple words where possible. Use formal language.
104+
Favor short, simple words. Use formal language.
110105

111-
Do not use:
106+
Avoid the following:
112107

113-
- Long sentences.
108+
- Slang (e.g., *there you go*)
114109

115-
- Slang; such as *there you go*.
110+
- Jargon (e.g., *leverage*, *streamline*)
116111

117-
- Jargon; such as *leverage* and *streamline*.
112+
- Ambiguous contractions (e.g., *there’d*, *it’ll*)
118113

119-
- Ambiguous contractions; such as *there’d*, and *it’ll*.
114+
- Latin terms (e.g., *i.e.*, *e.g.*, *etc.*, *vs.*, *via*)
120115

121-
- Latin terms; such as *i.e.*, *e.g.*, *etc.*, *vs.*, and *via*.
116+
- Metaphors (e.g., *cherry picking*, *nutshell*)
122117

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*)
127119

128120
For guidelines on using specialist terms, see: [Content Design London: Readability Guidelines - Specialist terms](https://readabilityguidelines.co.uk/clear-language/specialist-terms/).
129121

@@ -137,35 +129,35 @@ For information on:
137129

138130
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).
139131

140-
## Use US English (en\_US) spelling
132+
## Use US English (en_US) spelling
141133

142-
Use United States English. For example:
134+
Use United States English spelling conventions. For example:
143135

144-
- "behavior" rather than "behaviour".
136+
- "behavior" instead of "behaviour"
145137

146-
- "canceled" rather than "cancelled".
138+
- "canceled" instead of "cancelled"
147139

148140
## Use proper names for programs and languages
149141

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.
151143

152-
For example:
144+
Correct examples include:
153145

154146
- "CSS" not "css"
155147

156148
- "jQuery" not "Jquery"
157149

158150
- "React" not "React-js"
159151

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:
161153

162154
- `tinymce`
163155

164156
- `<html>`
165157

166158
- `var React = require('react');`
167159

168-
When referring to a program, use the proper name.
160+
When referring to software programs, use their full, proper names. For example:
169161

170162
For example:
171163

@@ -177,111 +169,117 @@ For example:
177169

178170
## TinyMCE or tinymce
179171

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.
181173

182-
Use lowercase when referring to the `tinymce` JavaScript object.
174+
Use lowercase when referring to the **`tinymce`** JavaScript object.
183175

184-
## Use Active voice not Passive voice
176+
## Use active voice, not passive voice
185177

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.
187179

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).
189181

190182
## Titles and headings
191183

192-
Titles and headings should be:
184+
Titles and headings must be:
193185

194-
- Descriptive but concise
186+
- Descriptive yet concise
195187

196-
- Written using Sentence-case capitalization.
188+
- Written in sentence case capitalization.
197189

198-
Sentence case capitalization is more comfortable to read in technical documentation.
190+
Sentence case capitalization improves readability in technical documentation.
199191

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/).
201193

202194
## Using abbreviations, acronyms, and intialisms
203195

204-
General points:
196+
General guidelines:
205197

206-
- Do not use points or spaces.
198+
- Do not use periods or spaces in abbreviations.
207199

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.").
209201

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.
211203

212-
- Use all capital letters for initialisms.
204+
- Use all capital letters for initialisms (e.g., HTML, CSS).
213205

214-
- Start with a capital letter for acronyms.
206+
- Use an initial capital letter for acronyms (e.g., AsciiDoc, Antora).
215207

216-
- Capitalize single letters in expressions.
208+
- Capitalize single-letter expressions (e.g., X-axis, Y-coordinate).
217209

218-
- Provide full text explanations.
210+
- Provide the full form of any abbreviation or acronym on first use.
219211

220-
- Consider providing a full explanation each time.
212+
- When clarity is critical, consider repeating the full form with each usage.
221213

222214
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/).
223215

224216
## Adverbs
225217

226-
Avoid adverbs, such as: *very* and *usually*.
218+
Avoid adverbs such as *very*, *usually*, *quickly*, and *clearly*, unless necessary for precision.
227219

228220
For examples and a definition of an adverb, see: [Cambridge Dictionary: Grammar - Adverbs](https://dictionary.cambridge.org/grammar/british-grammar/adverbs_2).
229221

230222
For (casual) information on removing adverbs, see: [Grammar Girl: How to Eliminate Adverbs](https://www.quickanddirtytips.com/education/grammar/how-to-eliminate-adverbs).
231223

232224
## Contractions
233225

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*.
235229

236230
For information on contractions, see: [Content Design London: Readability Guidelines - Contractions](https://readabilityguidelines.co.uk/grammar-points/contractions/).
237231

238232
## Hyphens
239233

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:
241237

242-
- Only use a hyphen if the word or phrase is confusing without it.
238+
- Use a hyphen if omitting it would cause confusion.
243239

244-
- Make sure your hyphen usage is up to date.
240+
- Avoid outdated or unnecessary hyphenation.
245241

246-
- Be consistent with hyphen usage.
242+
- Maintain consistent usage patterns across similar terms.
247243

248244
For guidelines on using hyphens, see: [Content Design London: Readability Guidelines - Hyphens and dashes](https://readabilityguidelines.co.uk/grammar-points/hyphens-and-dashes/).
249245

250246
## Pronouns
251247

252-
Avoid pronouns, such as: *we*, *you*, *their*, and *I*.
248+
Avoid pronouns, such as *we*, *you*, *their*, and *I*.
253249

254250
For examples and a definition of an pronoun, see: [Cambridge Dictionary: Grammar - Pronouns](https://dictionary.cambridge.org/grammar/british-grammar/pronouns_1).
255251

256252
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/).
257253

258-
## First, Second, or Third Person Perspective
254+
## First, second, or third person perspective
259255

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.
261257

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).
263259

264260
## Links and cross-references
265261

266262
When adding links or cross-references:
267263

268-
- Make link text meaningful.
264+
- Use meaningful and descriptive link text.
269265

270-
- Avoid mid-sentence links.
266+
- Avoid placing links mid-sentence.
271267

272-
- Match the destination content.
268+
- Ensure link text accurately matches the destination content.
273269

274-
- Use sentence case.
270+
- Use sentence case for link text.
275271

276272
For guidelines on adding links to the documentation, see: [Content Design London: Readability Guidelines - Links](https://readabilityguidelines.co.uk/content-design/links/).
277273

278274
## Images and icons
279275

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:
281279

282-
When images are used, reuse existing images if possible. This includes icons.
280+
- Reuse existing images when possible (including icons).
283281

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.
285283

286284
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).
287285

0 commit comments

Comments
 (0)