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: modules/ROOT/pages/advanced/boilerplate-content-css.adoc
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@
8
8
9
9
There are a few advanced features in TinyMCE that require some CSS to be added to the page that displays the contents produced by the editor. In general, you want to get an as clean output as possible from a rich text editor, and some of the more advanced features like captioned images use CSS rather than inline styles to render correctly.
10
10
11
-
This Boilerplate CSS can be used to style these advanced elements. This CSS file can be used within the editor using the link:{rootDir}configure/content-appearance/#content_css[content_css] option and also on your page where the saved content is presented.
11
+
This Boilerplate CSS can be used to style these advanced elements. This CSS file can be used within the editor using the xref:configure/content-appearance.adoc#content_css[content_css] option and also on your page where the saved content is presented.
Copy file name to clipboardExpand all lines: modules/ROOT/pages/advanced/creating-a-custom-button.adoc
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -97,7 +97,7 @@ Here is the full code (you can experiment on it by clicking _Edit on Codepen_ in
97
97
98
98
As you see we've supplied identifier of our button in the `toolbar` property, along with `undo` and `redo` (`code` plugin is also included - so that you could see HTML code that gets generated). So whenever the user clicks _Insert Current Date_, the date will be inserted into the editor at the current cursor position. Notice how `undo` button gets enabled after insertion, that's because we handle modification history for you.
99
99
100
-
Another point is `setup` callback - see how we put all of our code into it? It is the callback that TinyMCE will link:{rootDir}configure/integration-and-setup/#setup[automatically invoke] for every initialised editor instance. It will receive a reference to the instance as the first argument. We can use `setup` callback to customize editor to our taste - here we are adding a button, but we could also add custom keyboard shortcuts, menus and everything that has to be added _before_ the editor is ready.
100
+
Another point is `setup` callback - see how we put all of our code into it? It is the callback that TinyMCE will xref:configure/integration-and-setup.adoc#setup[automatically invoke] for every initialised editor instance. It will receive a reference to the instance as the first argument. We can use `setup` callback to customize editor to our taste - here we are adding a button, but we could also add custom keyboard shortcuts, menus and everything that has to be added _before_ the editor is ready.
* *onclick* - _callback to call when button is clicked_
113
113
* *onpostrender* - _callback to call when button is rendered_
114
-
* *cmd* - _editor command to invoke, when button is clicked (command link:{rootDir}api/tinymce/tinymce.editorcommands/#addcommands[should be registered] prior to this, either by editor or by you)_
114
+
* *cmd* - _editor command to invoke, when button is clicked (command xref:api/tinymce/tinymce.editorcommands.adoc#addcommands[should be registered] prior to this, either by editor or by you)_
You probably do not want your button to be enabled at all times since sometimes it might fall out of context. For example, it would be awkward if we could insert `<time>` tag into another `<time>` tag, right? And you can see in the example above, that it _is_ possible.
121
121
122
-
So basically we need a way to monitor the cursor position and disable our button when it's inappropriate. For this purpose, we can hook onto a link:{rootDir}advanced/events/#nodechange[NodeChange event], that gets fired when cursor jumps from one node to another.
122
+
So basically we need a way to monitor the cursor position and disable our button when it's inappropriate. For this purpose, we can hook onto a xref:advanced/events.adoc#nodechange[NodeChange event], that gets fired when cursor jumps from one node to another.
Here is a list of the currently exposed editor commands. All these commands are provided by `tinymce` and not by the browser's internal commands. These commands can be executed using the link:{rootDir}api/tinymce/tinymce.editorcommands/#execcommand[execCommand] function.
9
+
Here is a list of the currently exposed editor commands. All these commands are provided by `tinymce` and not by the browser's internal commands. These commands can be executed using the xref:api/tinymce/tinymce.editorcommands.adoc#execcommand[execCommand] function.
Here is a list of the toolbar/menu controls that the core and plugins provides. These controls can be configured using the link:{rootDir}configure/editor-appearance/#toolbar[toolbar] or the link:{rootDir}configure/editor-appearance/#menu[menu] config options.
9
+
Here is a list of the toolbar/menu controls that the core and plugins provides. These controls can be configured using the xref:configure/editor-appearance.adoc#toolbar[toolbar] or the xref:configure/editor-appearance.adoc#menu[menu] config options.
Copy file name to clipboardExpand all lines: modules/ROOT/pages/advanced/handle-async-image-uploads.adoc
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@
8
8
9
9
Please note, this image upload feature is available for TinyMCE version 4.2 and above. Alternatively, the Tiny PowerPaste plugin is capable of this functionality in versions of TinyMCE 4.0 and above.
10
10
11
-
The image uploader is designed to complement the new image editing functionality of TinyMCE 4.2. Images that are edited within TinyMCE can be uploaded using this function. Local images that are added through other means - for example drag and drop when using the link:{rootDir}plugins/paste/#paste_data_images[paste_data_images] configuration property or using Tiny's PowerPaste Plugin - can also be uploaded using this functionality.
11
+
The image uploader is designed to complement the new image editing functionality of TinyMCE 4.2. Images that are edited within TinyMCE can be uploaded using this function. Local images that are added through other means - for example drag and drop when using the xref:plugins/paste.adoc#paste_data_images[paste_data_images] configuration property or using Tiny's PowerPaste Plugin - can also be uploaded using this functionality.
12
12
13
13
Once uploaded, TinyMCE will automatically update the `<image>` src attribute with the new path to the remote image.
14
14
@@ -80,16 +80,16 @@ Multiple configuration options will affect the operation of this feature. These
| This option lets you specify if calls to the configured images_upload_url should pass along credentials like cookies etc cross domain. This is disabled by default.
| This option lets you replace TinyMCE's default javascript upload handler function with custom logic. The upload handler function takes three arguments, blobInfo, a success callback and a failure callback. When this option is not set, TinyMCE utilizes an XMLHttpRequest to upload images one at a time to the server, and calls the success callback with the location of the remote image.
TinyMCE produces HTML5 loose output as of 4.0. This means it can handle all new HTML5 elements and also allow the deprecated HTML4 attributes and elements. If you want to use html4 or html5-strict output check the link:{rootDir}configure/content-filtering/#schema[schema] option for details.
152
+
TinyMCE produces HTML5 loose output as of 4.0. This means it can handle all new HTML5 elements and also allow the deprecated HTML4 attributes and elements. If you want to use html4 or html5-strict output check the xref:configure/content-filtering.adoc#schema[schema] option for details.
Copy file name to clipboardExpand all lines: modules/ROOT/pages/advanced/usage-with-module-loaders.adoc
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -64,7 +64,7 @@ tinymce.init({
64
64
== Getting the skin
65
65
anchor:gettingtheskin[historical anchor]
66
66
67
-
TinyMCE will not work without a *skin*, which consists of some fonts and CSS files used by the editor. By default TinyMCE looks for these files in a `/skins` directory located in your root directory, although this can be link:{rootDir}configure/editor-appearance/#skin_url[configured in the init object].
67
+
TinyMCE will not work without a *skin*, which consists of some fonts and CSS files used by the editor. By default TinyMCE looks for these files in a `/skins` directory located in your root directory, although this can be xref:configure/editor-appearance.adoc#skin_url[configured in the init object].
68
68
69
69
No matter where you choose to put it you need a skin, and the quickest way to get started is to copy the skin that comes packaged with TinyMCE, located in `node_modules/tinymce/skins` - either manually copying the files in the finder/file explorer, or using the terminal with a command something like this:
* Fixed bug where pressing the enter button inside of an h1 with contenteditable set to true would sometimes produce a p tag.
372
372
* Fixed bug with backspace not working as expected before a noneditable element.
373
373
* Fixed bug where operating on tables with invalid rowspans would cause an error to be thrown.
374
-
* Fixed so a real base64 representation of the image is available on the blobInfo that the link:{rootDir}configure/file-image-upload/#images_upload_handler[images_upload_handler] gets called with.
375
-
* Fixed so the image upload tab is available when the link:{rootDir}configure/file-image-upload/#images_upload_handler[images_upload_handler] is defined (and not only when the link:{rootDir}configure/file-image-upload/#images_upload_url[images_upload_url] is defined).
374
+
* Fixed so a real base64 representation of the image is available on the blobInfo that the xref:configure/file-image-upload.adoc#images_upload_handler[images_upload_handler] gets called with.
375
+
* Fixed so the image upload tab is available when the xref:configure/file-image-upload.adoc#images_upload_handler[images_upload_handler] is defined (and not only when the xref:configure/file-image-upload.adoc#images_upload_url[images_upload_url] is defined).
376
376
377
377
[[version-472-november-7-2017]]
378
378
== Version 4.7.2 November 7, 2017
379
379
anchor:version472november72017[historical anchor]
380
380
381
381
* Rewrote the link:{rootDir}plugins/table.html[Table Plugin].
382
-
* Rewrote/simplified the CSS for link:{rootDir}configure/content-appearance/#inline_boundaries[inline boundaries] selection by switching to an attribute selector.
383
-
* Added support for attributes with colon in link:{rootDir}configure/content-filtering/#valid_elements[valid_elements] and addValidElements.
382
+
* Rewrote/simplified the CSS for xref:configure/content-appearance.adoc#inline_boundaries[inline boundaries] selection by switching to an attribute selector.
383
+
* Added support for attributes with colon in xref:configure/content-filtering.adoc#valid_elements[valid_elements] and addValidElements.
384
384
* Added support for dailymotion short url in the link:{rootDir}plugins/media.html[Media Plugin]. Patch contributed by https://github.com/maat8[maat8].
385
385
* Added support for converting to half pt when converting font size from px to pt. Patch contributed by https://github.com/danny6514[danny6514].
386
386
* Added support for location hash to the link:{rootDir}plugins/autosave.html[Autosave plugin] to make it work better with SPAs using hash routing.
* Added new mobile UI that is specifically designed for mobile devices. See the link:{rootDir}mobile.html[mobile docs].
440
440
* Added an updated the default skin to be more modern. It's now more white (since white is preferred by most implementations).
441
-
* Added an updated default menu structure to be more similar to common office suites like Google Docs. To customize the menu, see the link:{rootDir}configure/editor-appearance/#menu[menu] and link:{rootDir}configure/editor-appearance/#menubar[menubar] config docs.
441
+
* Added an updated default menu structure to be more similar to common office suites like Google Docs. To customize the menu, see the xref:configure/editor-appearance.adoc#menu[menu] and xref:configure/editor-appearance.adoc#menubar[menubar] config docs.
442
442
* Fixed so theme can be set to false on both inline and iframe editor modes.
443
443
* Fixed bug where inline editor would add/remove the link:{rootDir}plugins/visualblocks.html[visualblocks] css multiple times.
444
444
* Fixed bug where selection wouldn't be properly restored when editor lost focus and commands were invoked.
445
445
* Fixed bug where the link:{rootDir}plugins/toc.html[Table of Contents plugin] would generate `id:s` for headers even though a `toc` wasn't inserted into the content.
446
-
* Fixed bug where is wasn't possible to drag/drop contents within the editor if link:{rootDir}plugins/paste/#paste_data_images[paste_data_images] was set to true.
446
+
* Fixed bug where is wasn't possible to drag/drop contents within the editor if xref:plugins/paste.adoc#paste_data_images[paste_data_images] was set to true.
447
447
* Fixed bug where *getParam* and close in *WindowManager* would get the first opened window instead of the last opened window.
448
448
* Fixed table bug where `delete` would delete between cells inside a table in Firefox.
* Added new link:{rootDir}configure/content-appearance/#inline_boundaries_selector[inline_boundaries_selector] that allows you to specify the elements that should have boundaries.
497
+
* Added new xref:configure/content-appearance.adoc#inline_boundaries_selector[inline_boundaries_selector] that allows you to specify the elements that should have boundaries.
498
498
* Added new local upload feature, which allows the user to upload images directly from the image dialog.
499
499
* Added a new API for providing meta data for plugins. It will show up in the link:{rootDir}plugins/help.html[Help dialog] if it's provided.
500
500
* Fixed so that the notifications created by the notification manager are more screen reader accessible.
0 commit comments