FlatPress Forums

Hello,
I am new to flatpress and I like this small program. I installed the TinyMCE plugin, but found a problem when inserting image - the image is not shown after publish & clicking "View".

After searching the web, I have found a solution to this. And posting it here, in case you are also having this problem (TinyMCE can be found : Flatpress Wiki Plugins). I think you have installed the TinyMCE and every thing is running ok except the image link. Go to the tinymce plugin folder - "fp-plugins/tinymce", open "plugin.tinymce.php" with a text editor. Select all of the contents of it and delete, then copy & paste the following code in it. Replace "your-domain-name" with the root path of the flatpress folder (i,e: if it is in your local computer in flatpress folder, then you would write as: document_base_url : "http://localhost/flatpress/"), save the file after replacing.

Code for plugin.tinymce.php:
<?php
/*
Plugin Name: TinyMCE
Version: 1.0
Plugin URI: http://flatpress.sf.net
Description: Allows using TinyMCE
Author: NoWhereMan
Author URI: http://flatpress.sf.net
*/

add_filter('editor_toolbar', 'plugin_tinymce_load');

function plugin_tinymce_load() {

$URL = plugin_geturl('tinymce'); // if you followed the naming conventions here you'll get the right url for fp-plugins/tinymce/

echo '<script language="javascript" type="text/javascript" src="' . $URL . 'tiny_mce/tiny_mce.js"></script> '; // here's the magic


echo '<script language="javascript" type="text/javascript">

tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
elements : "elm1",
skin : "o2k7",
skin_variant : "silver",
plugins : "tabfocus, safari,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,imagemanager,filemanager",

// Theme options
theme_advanced_buttons1 : "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,


gecko_spellcheck : true,
extended_valid_elements : "iframe[src|width|height|name|align]",
document_base_url : "http://your-domain-name",
relative_urls : false,
remove_script_host : false

});

</script>';
}
?>


Now clear the cache of your browser and reload the page to test. [For firefox press Ctrl+Shift+Delete - only check Cache and click on "Clear Private Data Now". On Internet explorer click Tools -> Internet Options, On "General" tab click on Delete (Browsing History), then click Delete files. This deletes cache and finally reload the page by pressing Ctrl+F5].

Hope tinymce image links works now and it loads all the available tinymce features.

You can also make an image clickable and the show the popup box which can be done with the BBCode. Make sure the LightBox plugin is enabled. On TinyMCE click on the HTML button to get the code window. Enter the following code (replace http://yourdomain/tarabi.jpg with the path of the image file) and click on Update.

Code for popup clickable image:
<pre><a title="Full size" rel="lightbox" href="http://yourdomain/tarabi.jpg"><img style="border: black 1px solid;" src="http://yourdomain/tarabi.jpg" alt="Tarabi.jpg" width="60" height="70" /></a></pre>

Now when it is viewed and clicked the popup window appears showing fullsize image. I have made a small plugin for this (only inserts the above code with image link, nothing much). Let me know if you want. Take care.

Best regards,

Rabiul.