Tinymce conflict in functions.php WordPress

andrewsan comments:

Um, no - no reason for removing specific plugins ...

what I am trying hard to achieve is stability of the text entered into either of the editors (visual or html) ...

I know that swicthing betwene the two is the kiss of death for formatting,
but even when I simply save/update text, the linebreaks change/disappear and so on.

I like html: I'm comfortable typing in a <br />
and I want it to stay the way I entered it ...
:-)

Christianto comments:

You can try to delete this line of code so all default plugin will be loaded
$in['plugins']='inlinepopups,tabfocus,paste,media,fullscreen,wordpress,wpeditimage,wpgallery,wplink,wpdialogs,wpfullscreen';

And you can check error on your browser console for any js error from wp-tinymce..

andrewsan comments:

I just re-loaded the first block of code (tinymce init), replacing my plugins line with your default line ...

the buttons have re-appeared :-) so many thanks for fixing that.

and the text in the html editor seems more stable, too ... even if a bit inconsistent:
for example
I start with a long text wrapped in p tags;
I insert an html break to show where I want the new line to start on the web page;
I save/update in the editor ...
the html break is still there, but the texts now wraps within the html editor ... (? huh ?)
... and there's *no* break on the web page.

... and then again, sometimes it works.
It's inconsistent. very frustrating.

Do you you know of any combinations of 'switch this off' / 'switch that on' (e.g I have wp-autop off) that will
stabilise the display of text in the editor and on the web page?

Christianto comments:

Do you mean typing <br /> tag on visual editor directly without using your linebreak/linespace tinymce function?
If we do that the tag will be encode and treated as text instead of html tag, so there is no break when viewing the page.

If only related to <br /> tag, instead of removing wpautop,
I usually create shortcode [br] so at least I know where I put the line break both visual and html view :)

for example with your code, I add this
function myline_break($atts, $content=""){
extract(shortcode_atts(array(
's' => 0,
), $atts));
if($s)
$br = '<br/><br/>';
else
$br = '<br/>';
return $br;
}
add_shortcode('br' ,'myline_break');


and change your tinymce function (my.js) slightly, so we insert shortcode instead of html break tag.
[br] means line break, while [br s=1] is line space.

(function(){

tinymce.PluginManager.requireLangPack('ilcsyntax');
tinymce.create('tinymce.plugins.ilcSyntax', {

init : function(ed, url){

// START BUTTON //
ed.addCommand('dropCap', function(){
ilc_sel_content = tinyMCE.activeEditor.selection.getContent();

/*console.log(ilc_sel_content);
var classStartTmp = ilc_sel_content.indexOf('class="');
console.log(classStartTmp);
var classEnd = ilc_sel_content.indexOf('"',classStartTmp);
console.log(classEnd);
var classStart = classStartTmp + 3;
console.log(classStart);
var classes = ilc_sel_content.substring(classStart, classEnd);
console.log(classes);*/
tinyMCE.activeEditor.selection.setContent('<span class="dropcapoutside"><span class="dropcapinside">' + ilc_sel_content + '</span></span>');

});

ed.addButton('dropCap', {
title: 'Make a Drop Capital',
image: url + '/dropcap20.png',
cmd: 'dropCap'
});
// END BUTTON //

// START BUTTON //
ed.addCommand('lineBreak', function(){
ilc_sel_content = tinyMCE.activeEditor.selection.getContent();
tinyMCE.activeEditor.selection.setContent('[br]' + ilc_sel_content + '');
});

ed.addButton('lineBreak', {
title: 'Add a Line Break',
image: url + '/linebreak20.png',
cmd: 'lineBreak'
});
// END BUTTON //

// START BUTTON //
ed.addCommand('lineSpace', function(){
ilc_sel_content = tinyMCE.activeEditor.selection.getContent();
tinyMCE.activeEditor.selection.setContent('[br s=1]' + ilc_sel_content + '');
});

ed.addButton('lineSpace', {
title: 'Add a Line Space',
image: url + '/linespace20.png',
cmd: 'lineSpace'
});
// END BUTTON //
},

createControl : function(n, cm){
return null;
},

getInfo : function(){
return {
longname: 'Shortcode Buttons',
author: '@imc',
version: "1.0"
};
}
});

tinymce.PluginManager.add('ilcsyntax', tinymce.plugins.ilcSyntax);

})();