Changeset 630

Timestamp:

01/04/07 11:56:20 (6 years ago)

Author:

ray

Message:

InsertSnippet? update:

• added backend config option to specify snippets file
  
• added automatic referencing of pageStyleSheets in the popups/insertsnippet.html
  
• improved loadback of snippets
  
  • asynchronous
    
  • once on load instead of twice each time of use
    
• added readme.html
  

Location:

trunk/plugins/InsertSnippet

Files:

• demosnippets.js (added)
• insert-snippet.js (modified) (4 diffs)
• popups/insertsnippet.html (modified) (4 diffs)
• readme.html (added)
• snippets.js (deleted)
• snippets.php (modified) (1 diff)

trunk/plugins/InsertSnippet/insert-snippet.js

@@ -5 +5 @@
  Insert HTML fragments or template variables
  
- Usage:
- 1. Choose the file that contains the snippets
-    You can either use a JS array (standard config: ./snippets.js) or a combination of PHP/HTML 
-    where the PHP file reads the HTML file and converts it to a JS format. More convenient to maintain.
-    Example:  xinha_config.InsertSnippet.snippets = _editor_url+"plugins/InsertSnippet/snippets.php"
-              or
-              xinha_config.InsertSnippet.snippets = "/Path/to/my/snippets.php" (has to be absolute)
- 2. Edit the selected file to contain your stuff
- 3. You can then include your own css
-    Example: xinha_config.InsertSnippet.css = ['../../../CSS/Screen.css']; (may be relative)
- 4. You can use the plugin also to insert template variables (i.e. the id in curly brackets) instead of static HTML.
-    Set xinha_config.InsertSnippet.showInsertVariable true to display a choice option in the dialog
-    
 \*------------------------------------------*/
 
@@ -37 +24 @@
         });
         cfg.addToolbarElement("insertsnippet", "insertimage", -1);
+        this.snippets = null;
+        var backend = cfg.InsertSnippet.snippets + '?';
+        
+        if(cfg.InsertSnippet.backend_data != null)
+    {
+        for ( var i in cfg.InsertSnippet.backend_data )
+        {
+            backend += '&' + i + '=' + encodeURIComponent(cfg.InsertSnippet.backend_data[i]);
+        }
+    }
+    HTMLArea._getback(backend,function (getback) {eval(getback); self.snippets = snippets;});
+}
+
+InsertSnippet.prototype.onUpdateToolbar = function() {
+        if (!this.snippets){
+                this.editor._toolbarObjects.insertsnippet.state("enabled", false);
+        }
+        else InsertSnippet.prototype.onUpdateToolbar = null;
 }
 
 InsertSnippet._pluginInfo = {
   name          : "InsertSnippet",
-  version       : "1.1",
+  version       : "1.2",
   developer     : "Raimund Meyer",
   developer_url : "http://rheinauf.de",
   c_owner       : "Raimund Meyer",
-  sponsor       : "Raimund Meyer",
-  sponsor_url   : "http://ray-of-light.org/",
+  sponsor       : "",
+  sponsor_url   : "",
   license       : "htmlArea"
 };
@@ -68 +73 @@
 HTMLArea.Config.prototype.InsertSnippet =
 {
-  'snippets' : _editor_url+"plugins/InsertSnippet/snippets.js",
-  'css' : ['../InsertSnippet.css'],
-  'showInsertVariable': false
+  'snippets' : _editor_url+"plugins/InsertSnippet/demosnippets.js", // purely demo purposes, you should change this
+  'css' : ['../InsertSnippet.css'], //deprecated, CSS is now pulled from xinha_config
+  'showInsertVariable': false,
+  'backend_data' : null
 };
         
 InsertSnippet.prototype.buttonPress = function(editor) {
                 var args = editor.config;
+                        args.snippets = this.snippets;
+                var self = this;
                 editor._popupDialog( "plugin://InsertSnippet/insertsnippet", function( param ) {
         
@@ -81 +89 @@
             }
                                            
-                eval(HTMLArea._geturlcontent(editor.config.InsertSnippet.snippets));
+                
                 editor.focusEditor();
                 if (param['how'] == 'variable') {
-                        editor.insertHTML('{'+snippets[param["snippetnum"]].id+'}');
+                        editor.insertHTML('{'+self.snippets[param["snippetnum"]].id+'}');
                 } else {
-                        editor.insertHTML(snippets[param["snippetnum"]].HTML);
+                        editor.insertHTML(self.snippets[param["snippetnum"]].HTML);
                 }
   

trunk/plugins/InsertSnippet/popups/insertsnippet.html

@@ -1 @@
-<html>
-<head>
+<!DOCTYPE html
+                 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <title>Insert Snippet</title>
 <link rel="stylesheet" type="text/css" href="../../../popups/popup.css" />
+<link rel="stylesheet" type="text/css" href="../InsertSnippet.css" />
 <script type="text/javascript" src="../../../popups/popup.js"></script>
 <script type="text/javascript">
@@ -8 +12 @@
 var InsertSnippet = window.opener.InsertSnippet;
 var editor = null;
-var config;
+
 
 function Init() {
-  __dlg_translate("InsertSnippet");
-  __dlg_init();
-  
-  var config = window.dialogArguments;
+        __dlg_translate("InsertSnippet");
+        __dlg_init(null, {width:800,height:600});
+
+        var config = window.dialogArguments;
  
- eval(HTMLArea._geturlcontent(config.InsertSnippet.snippets));
-  
-  if (config.InsertSnippet.css.length > 0) 
-  {
-          for (var i=0;i< config.InsertSnippet.css.length;i++)
-          {
-                var style = document.createElement("link");
-            style.rel = 'stylesheet';
-            style.href =  config.InsertSnippet.css[i];
-            document.getElementsByTagName("HEAD")[0].appendChild(style);
-          }
-  }
+        var snippets = config.snippets;
+        
+        if ( config.pageStyle && !HTMLArea.is_ie)
+    {
+                var style = document.createElement("style");
+                style.type = "text/css";
+                style.innerHTML = config.pageStyle;
+                document.getElementsByTagName("HEAD")[0].appendChild(style);
+    }
+    
+        if ( typeof config.pageStyleSheets !== 'undefined' )
+        {
+                for ( var i = 0; i < config.pageStyleSheets.length; i++ )
+                {
+                        var style = document.createElement("link");
+                        style.type = "text/css";
+                        style.rel = 'stylesheet';
+                        style.href =    config.pageStyleSheets[i];
+                        document.getElementsByTagName("HEAD")[0].appendChild(style);
+                }
+        }
+                
+        var tbody = document.getElementById("snippettable");
+        var snippet_html;
+        var snippet_name;
+        var trow;
+        for(var i = 0; i < snippets.length; i++) 
+        {
+                trow = tbody.insertRow(i);
+                snippet_html = snippets[i]['HTML'];
+                snippet_name = snippets[i]['id'];
+         
+                var insertAsVariable = '';
+                if (config.InsertSnippet.showInsertVariable)
+                {
+                        insertAsVariable = ' | <a href="javascript:onOK('+i+','+'\'variable\''+')">'+HTMLArea._lc("Variable","InsertSnippet")+'</a>';
+                }
+                var new_cell = trow.insertCell(0);
+                new_cell.innerHTML = snippet_name +': '+HTMLArea._lc("Insert as","InsertSnippet")+' <a href="javascript:onOK('+i+','+'\'html\''+')">HTML</a>'+insertAsVariable + ' (<a id="show_preview'+i+'" href="javascript:preview(\'show\','+i+')">'+HTMLArea._lc("Show preview","InsertSnippet")+'</a>)<div id="preview'+i+'" style="display:none">'+snippets[i]['HTML']+'</div>'; 
+                new_cell.id = 'cell' + i;
+                        
+        }
 
-  window.resizeTo(800, 600);
-  window.moveTo(80, 80);
-  var tbody = document.getElementById("snippettable");
-  var snippet_html;
-  var snippet_name;
-  var trow;
-  for(var i = 0; i < snippets.length; i++) 
-  {
-          trow = tbody.insertRow(i);
-          snippet_html = snippets[i]['HTML'];
-          snippet_name = snippets[i]['id'];
-         
-          var insertAsVariable = '';
-          if (config.InsertSnippet.showInsertVariable)
-          {
-                insertAsVariable = ' | <a href="javascript:onOK('+i+','+'\'variable\''+')">'+HTMLArea._lc("Variable","InsertSnippet")+'</a>';
-          }
-          var new_cell = trow.insertCell(0);
-          new_cell.innerHTML = snippet_name +': '+HTMLArea._lc("Insert as","InsertSnippet")+' <a href="javascript:onOK('+i+','+'\'html\''+')">HTML</a>'+insertAsVariable + ' (<a id="show_preview'+i+'" href="javascript:preview(\'show\','+i+')">'+HTMLArea._lc("Show preview","InsertSnippet")+'</a>)<div id="preview'+i+'" style="display:none">'+snippets[i]['HTML']+'</div>'; 
-          new_cell.id = 'cell' + i;
-          
-  }
-
-  document.body.onkeypress = __dlg_key_press;
+        document.body.onkeypress = __dlg_key_press;
 }
 
@@ -73 +84 @@
 }
 function onCancel() {
-  __dlg_close(null);
-  return false;
+        __dlg_close(null);
+        return false;
 }
 
 function onOK(snippetnum,how) {
-  var params = new Object();
-  params["snippetnum"] = snippetnum;
-  params["how"] = how;
-  __dlg_close(params);
-  return false;
+        var params = new Object();
+        params["snippetnum"] = snippetnum;
+        params["how"] = how;
+        __dlg_close(params);
+        return false;
 }
 
 function __dlg_key_press(ev) {
-  ev || (ev = window.event);
-  switch(ev.keyCode) {
-    case 13:
-    document.getElementById('bt_ok').click();
-      break;
-    case 27:
-    __dlg_close();
-    return false;
-  }
+        ev || (ev = window.event);
+        switch(ev.keyCode) {
+                case 13:
+                document.getElementById('bt_ok').click();
+                        break;
+                case 27:
+                __dlg_close();
+                return false;
+        }
 return true;
 }
@@ -106 +117 @@
 </style>
 </head>
-  <body class="dialog" onload="Init()">
+<body class="dialog" onload="Init()">
 <form action="" method="get">
   <div class="title" >Insert Snippet</div>

trunk/plugins/InsertSnippet/snippets.php

@@ -1 @@
-var snippets = new Array();
-var i = 0;
 <?php
+$snippets_file = 'snippets.html';
 
-function get_all_parts($string)
+include_once('../../contrib/php-xinha.php');
+
+if($passed_data = xinha_read_passed_data())
 {
-        preg_match_all('#<!--(.*?)-->(.*?)<!--/.*?-->#s',$string,$matches);
+        extract($passed_data);      
+}
+$snippets = file_get_contents($snippets_file);
+preg_match_all('/<!--(.*?)-->(.*?)<!--\/.*?-->/s',$snippets,$matches);
         
-        $array=array();
-        for ($i=0;$i<count($matches[1]);$i++)
-        {
-                $array[$matches[1][$i]] = $matches[2][$i];
-        }
-        return $array;
+$array=array();
+for ($i=0;$i<count($matches[1]);$i++)
+{
+        $id = $matches[1][$i];
+        $html = $matches[2][$i];
+        $array[] = array('id'=>$id,'HTML'=>$html);
 }
-$snippets = file_get_contents('snippets.html');
-
-$matches = get_all_parts($snippets);
-foreach ($matches as $name =>$html)
-{
-        print "snippets[i] = new Object();\n";
-        print "snippets[i]['id'] = '$name';\n";
-        print "snippets[i]['HTML'] = '".str_replace("\n",'\n',addcslashes($html,"'"))."';\n";
-        print "i++;\n";
-}
+print "var snippets = " . xinha_to_js($array);
 
 ?>