/application/protected/extensions/widgets/ddeditor/DDEditor.php

<?php
/**
 * DDEditor Class File
 *
 * @author Joachim Werner <joachim.werner@diggin-data.de>
 * @link http://www.diggin-data.de
 */

/**
 * DDEditor creates a textarea editor for Markdown syntax
 * The editor has some buttons to replace selected text in a textarea
 * with common Mardown syntax
 *
 * @author  Joachim Werner <joachim.werner@diggin-data.de>
 * @version 0.4
 */
class DDEditor extends CWidget
{
    // {{{ Members
    /**
     * model - The model upon which the activeTextarea control is based on
     *
     * @var mixed
     * @access public
     */
    public $model;
    /**
     * The attribute name for which the activeTextarea control shall be created
     * @var mixed
     * @access public
     */
    public $attribute;
    /**
     * Array of additional HTML options for the textarea control
     *
     * @var array
     * @access public
     */
    public $htmlOptions=array();
    public $snippets = array('bold', 'italic', 'h', 'link', 'img', 'li', 'hr', 'table', 'code', 'code2', 'addlines', 'remlines', 'preview');
    public $additionalSnippets = array();
    /**
     * Request which returns via AJAX the rendered preview for the Markdown text
     *
     * @var mixed
     * @access public
     */
    public $previewRequest;
    /**
     * The ID of the activeTextarea
     *
     * @var mixed
     * @access private
     */
    private $editorId;
    // }}}
    // {{{ run
    /**
     * Runs the widget
     *
     * @access public
     * @return void
     */
    public function run()
    {
        $this->registerClientScripts();
        echo $this->createMarkup();
    } // }}}
    // {{{ createMarkup
    /**
     * Creates the widget's markup
     *
     * @access public
     * @return void
     */
    public function createMarkup()
    {
        if(!isset($this->htmlOptions['rows'])) {
            $attribute = $this->attribute;
            $text = $this->model->$attribute;
            if (strpos($text, "\n") === FALSE) {
                //MAC?!
                $text = str_replace( "\r", "\n", $text );
            } else {
                //Windows has \r\n
                $text = str_replace( "\r", '', $text );
            }
            $this->htmlOptions['rows'] = count(explode("\n", $text));
        }
        $this->render(
            'editor',
            array(
                'model'=>$this->model,
                'attribute'=>$this->attribute,
                'htmlOptions'=>$this->htmlOptions,
                'editorId' => $this->editorId,
            	'snippets'	=>	$this->snippets,
                'additionalSnippets'=>$this->additionalSnippets,
            )
        );
    } // }}}
    // {{{ registerClientScripts
    /**
     * Registers the clientside widget files (css & js)
     */
    private function registerClientScripts() {
        // Get the resources path
        $resources = dirname(__FILE__).'/resources';

        $cs = Yii::app()->clientScript;
        // publish the files
        $baseUrl = Yii::app()->assetManager->publish($resources);

        // register the files

        // Stylesheet
        if(is_file($resources.'/styles.css')) {
            $cs->registerCssFile($baseUrl.'/styles.css');
        }
        if(is_file($resources.'/editor.js')) {
            $cs->registerScriptFile($baseUrl.'/editor.js');
        }
        self::resolveNameID($this->model,$this->attribute,$this->htmlOptions);
        $this->editorId = $this->htmlOptions['id'];
        $c=1;
        // Create preview request URL
        $url = Yii::app()->urlManager->createUrl($this->previewRequest,array('attribute'=>$this->attribute));

        $scriptId = uniqid('ed_').'_';
        // Bold
        if (in_array('bold', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-bold').click(function(){insertTags('".$this->editorId."','**','**','bold ')});");
        // Italic
        if (in_array('italic', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-italic').click(function(){insertTags('".$this->editorId."','_','_','italic ')});");
        // Headings
        if (in_array('h', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-h').change(function(){insertTags('".$this->editorId."',padText('#',this.value)+' ',' '+padText('#',this.value),'Heading '+this.value)});");
        // Link
        if (in_array('link', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-link').click(function(){insertTags('".$this->editorId."','[','](http://...)','Link Description')});");
        // Image
        // $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-img').click(function(){insertTags('".$this->editorId."','![Alt Text](',' \"Title\")','Image URL')});");
        // Image 2
        if (in_array('img', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-img2').change(function(){insertTags('".$this->editorId."',this.value+'[Heading/Alt Text](',' \"Title\")','path/to/image.jpg')});");
        // List Item
        if (in_array('li', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-li').click(function(){insertTags('".$this->editorId."','* ','','List Item ')});");
        // HR
        if (in_array('hr', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-hr').click(function(){insertTags('".$this->editorId."','****bslashN','','')});");
        // Table
        if (in_array('table', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-table').click(function(){insertTags('".$this->editorId."','| Header | Header |bslashN| ------ | ------ | bslashN|  ','  |  Cell  |bslashN','Cell')});");
        // Code
        if (in_array('code', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-code').click(function(){insertTags('".$this->editorId."','`','`','sample code')});");
        // Code2
        if (in_array('code2', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-code2').click(function(){if(this.value=='') return;insertTags('".$this->editorId."','~~~~bslashN['+this.value+']bslashN','bslashN~~~~bslashN','// Sample Ccode')});");
        // Add Lines
        if (in_array('addlines', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-addlines').click(function(){jQuery('#".$this->editorId."').attr('rows',jQuery('#".$this->editorId."').attr('rows')+5);});");
        // Remove Lines
        if (in_array('remlines', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-remlines').click(function(){jQuery('#".$this->editorId."').attr('rows',jQuery('#".$this->editorId."').attr('rows')-5);});");
        // Preview
        if (in_array('preview', $this->snippets))
        $cs->registerScript($scriptId.$c++,"jQuery('#".$this->editorId."-editor-preview').click(function(){jQuery('#".$this->editorId."').toggle();jQuery('#".$this->editorId."-preview').toggle();jQuery.ajax({type:'POST',url: '".$url."',data: jQuery(':parent form').serialize(),success:function(data){jQuery('#".$this->editorId."-preview').html(data);}});});");
        // Additional Snippets
        if(sizeof($this->additionalSnippets)>0) {
            $n=0;
            foreach($this->additionalSnippets as $name=>$additionalSnippet) {
                $ddId = $this->editorId."-editor-addS-".$n;
                $cs->registerScript($scriptId.$c++,"jQuery('#".$ddId."').change(function(){insertTags('".$this->editorId."','','',this.value);this.selectedIndex=0;});");
                $n++;
            }
        }
    } // }}}
    // {{{ resolveNameID
    /**
     * Generates input name and ID for a model attribute.
     * This method will update the HTML options by setting appropriate 'name' and 'id' attributes.
     * This method may also modify the attribute name if the name
     * contains square brackets (mainly used in tabular input).
     * @param CModel the data model
     * @param string the attribute
     * @param array the HTML options
     */
    public static function resolveNameID($model,&$attribute,&$htmlOptions)
    {
            if(!isset($htmlOptions['name']))
                    $htmlOptions['name']=self::resolveName($model,$attribute);
            if(!isset($htmlOptions['id']))
                    $htmlOptions['id']=self::getIdByName($htmlOptions['name']);
            else if($htmlOptions['id']===false)
                    unset($htmlOptions['id']);
    } // }}}
    // {{{ getIdByName
    /**
     * Generates a valid HTML ID based the name.
     * @return string the ID generated based on name.
     */
    public static function getIdByName($name)
    {
            return str_replace(array('[]', '][', '[', ']'), array('', '_', '_', ''), $name);
    } // }}}
    // {{{ resolveName
    /**
     * Generates input name for a model attribute.
     * Note, the attribute name may be modified after calling this method if the name
     * contains square brackets (mainly used in tabular input) before the real attribute name.
     * @param CModel the data model
     * @param string the attribute
     * @return string the input name
     * @since 1.0.2
     */
    public static function resolveName($model,&$attribute)
    {
            if(($pos=strpos($attribute,'['))!==false)
            {
                    if($pos!==0)  // e.g. name[a][b]
                            return get_class($model).'['.substr($attribute,0,$pos).']'.substr($attribute,$pos);
                    if(($pos=strrpos($attribute,']'))!==false && $pos!==strlen($attribute)-1)  // e.g. [a][b]name
                    {
                            $sub=substr($attribute,0,$pos+1);
                            $attribute=substr($attribute,$pos+1);
                            return get_class($model).$sub.'['.$attribute.']';
                    }
                    if(preg_match('/\](\w+\[.*)$/',$attribute,$matches))
                    {
                            $name=get_class($model).'['.str_replace(']','][',trim(strtr($attribute,array(']['=>']','['=>']')),']')).']';
                            $attribute=$matches[1];
                            return $name;
                    }
            }
            else
                    return get_class($model).'['.$attribute.']';
    } // }}}
}

/* vim: set ai sw=4 sts=4 et fdm=marker fdc=4: */