Skip to content

Commit 4be559a

Browse files
committed
DOC-2619: Update landing page, context, and demo to include default config.
1 parent e2a833a commit 4be559a

File tree

4 files changed

+45
-12
lines changed

4 files changed

+45
-12
lines changed
Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
11
tinymce.init({
2-
selector: 'textarea#default-editor'
2+
selector: 'textarea#default-editor',
3+
plugins: [
4+
"advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
5+
"help", "image", "insertdatetime", "link", "lists", "media",
6+
"preview", "searchreplace", "table", "visualblocks",
7+
],
8+
toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
39
});

modules/ROOT/examples/live-demos/default-editor/index.html

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,38 @@
22
#submitContainer {
33
display: flex;
44
justify-content: center;
5+
margin: 20px 0;
56
}
67
.contentDumpBox {
7-
white-space: normal;
8-
padding: 5px;
8+
white-space: pre-wrap;
9+
padding: 15px;
910
border: 2px solid #1976D2;
1011
border-radius: 10px;
1112
margin: 5px;
13+
background-color: #f8f9fa;
14+
}
15+
.live_demo {
16+
background-color: #335dff;
17+
color: #fafafa;
18+
cursor: pointer;
19+
font-size: 1em;
20+
line-height: 1.15;
21+
margin: 0;
22+
padding: .5rem;
23+
border-radius: 6px;
24+
}
25+
.live_demo:hover {
26+
background-color: #2a4fd8;
1227
}
1328
</style>
29+
1430
<textarea id="default-editor">
1531
<p><em>Hello</em>, <span style="text-decoration: underline;"><strong>World!</strong></span></p>
1632
</textarea>
1733
<div id="submitContainer">
18-
<button id="fake-submit" class="live_demo">Submit!</button>
34+
<button id="fake-submit" class="live_demo">View HTML Output</button>
1935
</div>
20-
<pre id="output-content" class="contentDumpBox">
21-
Click the submit button to view the output HTML.
22-
</pre>
36+
<pre id="output-content" class="contentDumpBox">Click the "View HTML Output" button to see the generated HTML content.</pre>
2337
<script>
2438
const btn = document.getElementById('fake-submit');
2539
btn.addEventListener('click', () => {
Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
11
tinymce.init({
2-
selector: 'textarea#default-editor'
2+
selector: 'textarea#default-editor',
3+
plugins: [
4+
"advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
5+
"help", "image", "insertdatetime", "link", "lists", "media",
6+
"preview", "searchreplace", "table", "visualblocks",
7+
],
8+
toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
39
});

modules/ROOT/partials/what-is-tinymce.adoc

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,18 @@ include::partial$misc/admon-account-creation-and-social-option.adoc[]
44

55
liveDemo::default-editor[]
66

7-
The output created is in HTML5 and can include lists, tables, and other useful elements, depending on your configuration. The functionality of the editor can be extended through plugins and customizations, or limited to suit your use-case. {productname} can also be customized to look and feel like part of your application or webpage by customizing the user interface. {productname} can be integrated into a range of frameworks and Content Management Systems (CMSs), and can be either:
7+
== Overview
8+
9+
{productname} generates HTML5 output and supports various content elements including lists, tables, and other formatting options. The editor's functionality can be extended through plugins and customizations, or restricted to meet specific requirements. The user interface can be customized to integrate seamlessly with applications or webpages.
10+
11+
== Integration Options
12+
13+
{productname} integrates with frameworks and Content Management Systems (CMSs) through multiple deployment methods:
14+
15+
* **Cloud CDN**: Load from the {cloudname} CDN for automatic updates to the latest version
16+
* **Package Manager**: Install locally using package managers for self-hosted solutions
17+
* **Direct Download**: Extract from .zip files for self-hosted installations
818

9-
* Loaded from the {cloudname} CDN (Content Delivery Network), which will ensure {productname} is always using the latest version.
10-
* Installed with a package manager (self-hosted).
11-
* Extracted from a .zip file (self-hosted).
1219

1320
include::partial$misc/admon-getting-started-with-tinymce.adoc[]
1421

0 commit comments

Comments
 (0)