Skip to content

Commit 3ac12c6

Browse files
kemister85tiny-ben-tran
kemister85
and
tiny-ben-tran
authored
Update key documentation pages with information about the Cloud account creation and the social login option. (#3601)
* Update key documentation pages with information about the Cloud account creation and the social login option. * Updated code snippet, created partial for reuse, updated positioning. * Update modules/ROOT/partials/misc/admon-getting-started-with-tinymce.adoc * Update modules/ROOT/partials/misc/admon-account-creation-and-social-option.adoc Co-authored-by: tiny-ben-tran <[email protected]> --------- Co-authored-by: tiny-ben-tran <[email protected]>
1 parent ceb89e5 commit 3ac12c6

File tree

8 files changed

+118
-3
lines changed

8 files changed

+118
-3
lines changed

‎modules/ROOT/pages/cloud-quick-start.adoc‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,5 @@
66
:productSource: cloud
77

88
include::partial$install/basic-quickstart-base.adoc[]
9+
10+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

‎modules/ROOT/pages/getting-started.adoc‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,8 @@ Learn how to install {productname} via {cloudname}, package managers, self-hoste
2323
// Empty cell to even out rows
2424
// |
2525

26-
|===
26+
|===
27+
28+
include::partial$misc/admon-getting-started-with-tinymce.adoc[]
29+
30+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

‎modules/ROOT/pages/invalid-api-key.adoc‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,9 @@
1111
Affected users will receive a xref:cloud-troubleshooting.adoc#A-valid-API-key-is-required-starting-2024-to-continue-using-TinyMCE.-Please-alert-your-admin-to-sign-up-to-get-your-free-API-key.[notification in their editor]. If you receive this notification, please contact the Administrator for your application/site. Admins will need to https://www.tiny.cloud/my-account/integrate/[get a valid API key] and paste it into the code to continue using {productname}.
1212
====
1313

14+
15+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
16+
1417
== How will I know if this change affects me?
1518

1619
If {productname} detects an invalid API key, it will display a notification. If you know or suspect you have been actively hiding or suppressing this notification, please remove these overrides. If you then see a notification, please follow the instructions to resolve the issue. If no notification appears, you are not affected.
@@ -65,3 +68,8 @@ You can view the list of approved domains by logging into https://www.tiny.cloud
6568
* If you want to self-host {productname} and use our Premium features, https://www.tiny.cloud/contact/[get in touch with our Sales team] for a custom quote.
6669

6770
TIP: For additional information on Troubleshooting Tiny Cloud visit: xref:cloud-troubleshooting.adoc[Cloud Troubleshooting].
71+
72+
73+
include::partial$misc/admon-getting-started-with-tinymce.adoc[]
74+
75+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

‎modules/ROOT/pages/usage-based-billing.adoc‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@
66

77

88
[NOTE]
9-
The below information is only relevant to Tiny Cloud users. Users who self-host the open source version of {productname} are not subject to Usage-Based Billing terms, but are required to comply with the open source license terms.
9+
The below information is only relevant to Tiny Cloud users. Users who self-host the open source version of {productname} are not subject to Usage-Based Billing terms, but are required to comply with the open source license terms.
10+
11+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
1012

1113
== Definitions
1214

@@ -67,4 +69,8 @@ If you have an annual plan, your editor loads are calculated on a monthly basis
6769

6870
=== If I’m on the Essential plan and reach 5,000 editor loads, will I automatically be upgraded to the Professional plan?
6971

70-
You will not automatically be upgraded. You will remain on your current plan and will automatically be charged $40 USD for each additional block of 1,000 editor loads over your plan limit. To avoid these charges, we encourage you to periodically review your editor load count to ensure you’re on the most appropriate pricing plan. You can always upgrade your plan in our Customer Portal > Settings > Billing Portal > Change Plans.
72+
You will not automatically be upgraded. You will remain on your current plan and will automatically be charged $40 USD for each additional block of 1,000 editor loads over your plan limit. To avoid these charges, we encourage you to periodically review your editor load count to ensure you’re on the most appropriate pricing plan. You can always upgrade your plan in our Customer Portal > Settings > Billing Portal > Change Plans.
73+
74+
include::partial$misc/admon-getting-started-with-tinymce.adoc[]
75+
76+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

‎modules/ROOT/partials/install/basic-quickstart-base.adoc‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,8 @@ endif::[]
3434

3535
{productname} {productmajorversion} is a powerful and flexible rich text editor that can be embedded in web applications. This quick start covers how to add a {productname} editor to a web page using {sourcename}.
3636

37+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
38+
3739
ifeval::["{productSource}" == "composer"]
3840

3941
To add {productname} to a PHP project using Composer, run the following on a command line:

‎modules/ROOT/partials/misc/admon-account-creation-and-social-option.adoc‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
++++
2+
<div class="signup-promo">
3+
<p style="margin-bottom: 16px;">
4+
It only takes 2 minutes to create your free Tiny account and get the API key:
5+
</p>
6+
<div>
7+
<a href="https://tiny.cloud/signup?_gl=1*1m4fqt3*_ga*NDE5MTIxMjQwLjE3MzIxOTkwODE.*_ga_GQ50XYHWQZ*MTczMjI2OTAwMi4yLjEuMTczMjI2OTQwNy40LjAuMA..*_gcl_au*NTYyNTc2NTQyLjE3MzIxOTkwODE." class="account-creation-button" target="_blank" title="Sign up with Google">
8+
Sign up
9+
<span class="account-creation-button--full-text">&nbsp;with email</span>
10+
<span class="social-signup">
11+
<img src="https://www.tiny.cloud/images/icons/google.svg" alt="Google" width="24" height="24">
12+
<img src="https://www.tiny.cloud/images/icons/github.svg" alt="GitHub" width="24" height="24">
13+
</span>
14+
-&gt;
15+
</a>
16+
</div>
17+
</div>
18+
19+
<style>
20+
.signup-promo {
21+
--radius: 3px;
22+
position: relative;
23+
padding: 1rem;
24+
background: #f9f9fb;
25+
margin: 1rem 0;
26+
border: 1px solid #e2e5ed;
27+
border-radius: var(--radius) 0 0 var(--radius)
28+
}
29+
30+
.signup-promo::before {
31+
content: '';
32+
position: absolute;
33+
top: -1px; bottom: -1px; left: -1px;
34+
width: 5px;
35+
background: linear-gradient(to bottom, #F66 15%, #4D66CB 85%);
36+
border-radius: var(--radius) 0 0 var(--radius)
37+
}
38+
39+
.signup-promo .account-creation-button {
40+
--options-gap: 10px;
41+
text-decoration: none !important;
42+
padding: 8px 16px;
43+
background: #0c132c;
44+
color: #fff;
45+
border-radius: 2px;
46+
display: inline-flex;
47+
align-items: center;
48+
transition: background-color 0.15s;
49+
font-family: Fira Code;
50+
font-variant-ligatures: common-ligatures;
51+
}
52+
53+
.signup-promo .account-creation-button:hover {
54+
background-color: #335dff;
55+
color: #fff;
56+
}
57+
58+
.signup-promo .account-creation-button:active {
59+
background-position: 100% 0;
60+
color: #fff;
61+
}
62+
63+
.signup-promo .account-creation-button .social-signup {
64+
display: flex;
65+
margin: 0 12px 0 0;
66+
}
67+
68+
.signup-promo .account-creation-button .social-signup img {
69+
width: 16px;
70+
height: 16px;
71+
filter: invert(1) brightness(100);
72+
padding-left: var(--options-gap);
73+
margin-left: var(--options-gap);
74+
border-left: 1px solid #0008;
75+
box-sizing: content-box;
76+
}
77+
78+
@media screen and (max-width: 700px) {
79+
.signup-promo .account-creation-button .account-creation-button--full-text {
80+
display: none;
81+
}
82+
}
83+
</style>
84+
++++

‎modules/ROOT/partials/misc/admon-getting-started-with-tinymce.adoc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
== Getting Started with {productname}
2+
3+
{productname} is a rich text editor designed for web applications. To install {productname}, include the required script and initialize the editor with a minimal configuration. Upon registration, an API key is provided along with a corresponding code snippet for integration.

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,15 @@
11
{productname} is a rich-text editor that allows users to create formatted content within a user-friendly interface.
22

3+
include::partial$misc/admon-account-creation-and-social-option.adoc[]
4+
35
liveDemo::default-editor[]
46

57
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:
68

79
* Loaded from the {cloudname} CDN (Content Delivery Network), which will ensure {productname} is always using the latest version.
810
* Installed with a package manager (self-hosted).
911
* Extracted from a .zip file (self-hosted).
12+
13+
include::partial$misc/admon-getting-started-with-tinymce.adoc[]
14+
15+
include::partial$misc/admon-account-creation-and-social-option.adoc[]

0 commit comments

Comments
 (0)