Not signed in ( Sign In)

Categories

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorrabiul
    • CommentTimeMay 18th 2009
     permalink
    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.
    •  
      CommentAuthornamed
    • CommentTimeFeb 7th 2010
     permalink
    Can someone plz provide a new dl-link?
    http://wiki.flatpress.org/res:plugins#tinymce_wysiwyg_editor
    is broken.

    regards