Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Thanks to your <code>JSfiddle</code> I was able to find a way around for your problem. I don't know whether it is right but it works very good... :)</p> <p><em><strong>Here is the tiny MCE code with my edits</em></strong></p> <pre><code>var toggle=0; tinyMCE.init({ // General options mode : "textareas", theme : "advanced", plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", // Theme options theme_advanced_buttons1 : "textshadow, save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, // Skin options skin : "o2k7", skin_variant : "silver", // Example content CSS (should be your site CSS) content_css : "css/example.css", // Drop lists for link/image/media/template dialogs template_external_list_url : "js/template_list.js", external_link_list_url : "js/link_list.js", external_image_list_url : "js/image_list.js", media_external_list_url : "js/media_list.js", // Replace values for the template plugin template_replace_values : { username : "Some User", staffid : "991234" }, 'formats' : { 'textshadow' : { 'inline' : 'span', 'styles' : { 'text-shadow' : '0px 1px 5px rgba(0,0,0,0.4)' } }, 'noshadow' : { 'inline' : 'span', 'styles' : { 'text-shadow' : '0px 0px 0px rgba(0,0,0,0)' } } }, 'setup' : function (ed) { ed.addButton('textshadow', { 'title' : 'Text shadow', 'image' : 'http://www.tinymce.com/js/tinymce_3_x/jscripts/tiny_mce/themes/advanced/img/flash.gif', 'onclick' : function () { if(!toggle){ ed.formatter.apply('textshadow'); toggle=!0; } else{ ed.formatter.apply('noshadow'); toggle=0; } return false; } }); }, }); </code></pre> <p>I have defined a variable outside named <code>toggle</code>. and an extra format named <code>noshadow</code> which I set based on toggle value :)</p> <p>I even tried removing format as specified in this <a href="http://www.tinymce.com/wiki.php/configuration%3aformats" rel="nofollow">link</a> but it didn't work out for me. But I did make it work :)</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload