-
- 463 Posts
Quote from: donshakespeare at Sep 09, 2016, 11:13 PMRE: chrisandy
Thanks for taking time and doing the always-rare habit of reading ... this thread.
One more thing with TinyJSONGallery; let me know if it fires even though its TV is not attached to said resource.
Cheers.
No, it's not firing.
-
- 463 Posts
I've linked to my own style sheet in 'TinymceWrapperContent_Custom' but how do I use selectors from that stylesheet? In other words how can I add custom buttons to Tinymce?
-
- 1,145 Posts
RE: chrisandy
You mentioned two things. Want to use own selector from stylesheet - for what purpose?
Want to create custom button - for what purpose?
If it is that you wish to have a list of classnames from your stylesheet to assign to links, images and so forth, you are looking for
(might aready be included TinymceWrapperCommonCode)
https://www.tinymce.com/docs/plugins/link/#link_class_list
https://www.tinymce.com/docs/plugins/image/#image_class_list
If you want to create a button, you need just a tiny few lines of yours
https://www.tinymce.com/docs/demo/custom-toolbar-button/
If you clarify I could be more precise.
TinymceWrapper: Complete back/frontend content solution.
Harden your MODX site by
passwording your three main folders:
core, manager, connectors and renaming your
assets (thank me later!)
5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
-
- 463 Posts
For some reason I'm not getting notified of replies on this thread so apologies for the late reply.
Really I just meant one thing. In the past I've made it easier for my clients to style certain parts of their text by creating CSS selectors in the following format...
Numbered-List=numbered;Ticked-List=ticked
I'm really just looking to replicate that. Calling it a button was a little misleading on my part.
-
- 1,145 Posts
Is this your question?
http://stackoverflow.com/questions/25637248/tinymce-4-custom-classes-for-users-to-use
This is your answer
https://www.tinymce.com/docs/configure/content-formatting/#style_formats
CODEPEN
https://www.tinymce.com/docs/demo/format-custom/
tinymce.init({
...,
style_formats: [
{title: 'Numbered-List', selector:'ol,ul', classes:'numbered'},
{title: 'Ticked-List', selector:'ol,ul', classes:'ticked'}
],
...
});
Now you have full control
TinymceWrapper: Complete back/frontend content solution.
Harden your MODX site by
passwording your three main folders:
core, manager, connectors and renaming your
assets (thank me later!)
5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
-
- 463 Posts
That's exactly it thank you Don!
With the addition of one line at the end...
style_formats_merge: true,
...so the existing selectors get added to, rather than replaced.
-
- 463 Posts
Articles - unchecking the content area (according to the message below) in the Articles container results in not being able to create a new article - no error message just a dead button
TinymceWrapper Raw Code Protection:
Check this Articles Container > Template [Tab] > Content, before saving.
Unchecking the box will not only disable but remove TinyMCE, thus protecting your code
...doesn't seem to cause a problem if left checked but thought I'd bring it up.
-
- 1,145 Posts
RE: chrisandy
Articles - unchecking the content area (according to the message below) in the Articles container results in not being able to create a new article - no error message just a dead button
Sorry, I could
NOT replicate this issue - works here!
[ed. note: donshakespeare last edited this post 7 years, 7 months ago.]
TinymceWrapper: Complete back/frontend content solution.
Harden your MODX site by
passwording your three main folders:
core, manager, connectors and renaming your
assets (thank me later!)
5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
-
- 1,145 Posts
RE: Eko
Other Ace-related CSS are overwriting additional non-twAceEditor.js related styles?
- You may now safely ditch tinymce.DOM.loadCSS('/css/ace.css')
- Determine the <style id=""> of the last Ace-inserted element - or simply use #mainCSSace
var taskCounter = 0;
var aceCheck = setInterval(function(){
// if(!ace == 'undefined'){
// if($("style#ace-chrome").length){ //look in the head of your dev tools, for the id of your theme
if($("style#mainCSSace").length){ //or target the id provided by twAceEditor.js
taskCounter++;
}
if(taskCounter = 1){
setTimeout(function(){
//alert("aceeeee"); //debug stuff
// $("style#mainCSSace").after('<link rel="stylesheet" href="/css/ace.css">');
// $("style#ace-chrome").after('<link rel="stylesheet" href="/css/ace.css">');
$("head").append('<link rel="stylesheet" href="/css/ace.css">');
clearInterval(aceCheck);
}, 1000); //wait a little bit
}
},2000); //check again for the existence of said style#id
[ed. note: donshakespeare last edited this post 7 years, 7 months ago.]
TinymceWrapper: Complete back/frontend content solution.
Harden your MODX site by
passwording your three main folders:
core, manager, connectors and renaming your
assets (thank me later!)
5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.