Partially working inline editor.

Author: robertleeplummerjr

_WP_Editors.php

@@ -20,11 +20,6 @@ public static function editor($content, $editor_id, $settings)
 		<textarea id="$editor_id" name="content">$content</textarea>
 	</div>
 	<input type="button" class="button" value="Toggle Editor" id="$editor_id-button"/>
-	<style>
-		.wikiLingo-bubble {
-			z-index: 9999;
-		}
-	</style>
 	<script>
 		var $ = jQuery;
 		(function($, document) {

composer.lock

@@ -0,0 +1,8 @@
+.wl-bubble {
+	z-index: 9999;
+}
+.Medium {
+	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.42);
+	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.42);
+	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.42);
+}

wikiLingoEditor.css

@@ -0,0 +1,39 @@
+var wikiLingoInlineEditor = (function($) {
+	"use strict";
+
+	return function(articleId, editableArea, siteUrl) {
+		var sourceEditorContainer = $('<div>')
+				.insertAfter(editableArea),
+
+			editableAreaParent = $('<div>')
+				.insertAfter(editableArea)
+				.append(editableArea),
+
+			sourceEditor = $('<textarea name="content"></textarea>')
+				.appendTo(sourceEditorContainer),
+
+			button = $('<input type="button" class="button" value="Toggle Editor"/>')
+				.insertAfter(sourceEditorContainer),
+
+			reflectUrl = siteUrl + '/wp-content/plugins/wikiLingo/wikiLingoReflect.php',
+			folderUrl = siteUrl + '/wp-content/plugins/wikiLingo/vendor/wikilingo/wikilingo/',
+
+			editor = wikiLingoEditor(reflectUrl, folderUrl, editableArea, sourceEditor[0]),
+
+			wikiLingoBubbles = $('nav.wikiLingo-bubble');
+
+		button.click(function() {
+			if (sourceEditorContainer.is(':visible')) {
+				sourceEditorContainer.hide();
+				editableAreaParent.show();
+				wikiLingoBubbles.hide();
+			} else {
+				sourceEditorContainer.show();
+				editableAreaParent.hide();
+				wikiLingoBubbles.show();
+			}
+		});
+
+		sourceEditorContainer.hide();
+	}
+})(jQuery);

wikiLingoInlineEditor.js

@@ -118,7 +118,7 @@ public function can_richedit($bool){
 
 	function settings(){
 		//settings_fields('wikiLingo');
-		echo '<p>'.__("Select the post types or comments that will support wikiLingo. Comments and bbPress forums can also feature a wikiLingo 'help bar' and previewer. Automatic syntax highlighting can be provided by <a href='http://code.google.com/p/google-code-prettify/' target='_blank'>Prettify</a>.",$this->domain).'</p>';
+		echo '<p>'.__("Select the post types or comments that will support wikiLingo",$this->domain).'</p>';
 	}
 
 	function settings_posttypes(){
@@ -157,8 +157,32 @@ function get_option( $option ){
 	}
 
 	//For comments & pages
-	function the_content( $comment ){
-		$comment = $this->parser->parse( $comment );
+	function the_content( $content ){
+		$comment = $this->parser->parse( $content );
+
+		$current_user = wp_get_current_user();
+		if (in_array('administrator', $current_user->roles)) {
+			add_action('wp_footer', array($this,'register_scripts'), 5);
+
+			wp_enqueue_script('wp-wikiLingo-inline-editor', $this->path . 'wikiLingoInlineEditor.js');
+
+			$siteUrl = get_site_url();
+
+			$this->parser->scripts
+				->addScript(<<<JS
+$('article').each(function() {
+	var article = this,
+		articleId = article.getAttribute('id').replace('post-', '') * 1,
+		editableArea = $(this).find('.entry-content')[0];
+
+	$(article).find('a.post-edit-link').click(function() {
+		wikiLingoInlineEditor(articleId, editableArea, '$siteUrl');
+		return false;
+	});
+});
+JS
+);
+		}
 
 		return $comment;
 	}
@@ -168,10 +192,6 @@ function get_comment_text( $comment ){
 		return $comment;
 	}
 
-	function admin_head()
-	{
-	}
-
 	function wp_footer($footer)
 	{
 		echo self::$scripts->renderCss();
@@ -214,8 +234,10 @@ function register_scripts() {
 		wp_enqueue_style('wp-wikiLingo-bubble', $this->path . 'vendor/wikilingo/wikilingo/editor/bubble.css');
 		wp_enqueue_script('wp-wikiLingo-bubble', $this->path . 'vendor/wikilingo/wikilingo/editor/bubble.js');
 
+		wp_enqueue_style('wp-wikiLingo-editor', $this->path . 'wikiLingoEditor.css');
 		wp_enqueue_script('wp-wikiLingo-editor', $this->path . 'wikiLingoEditor.js');
 
+
 		//load CodeMirror
 		wp_enqueue_style('wp-wikiLingo-codemirror', $this->path . 'vendor/codemirror/codemirror/lib/codemirror.css');
 		wp_enqueue_script('wp-wikiLingo-codemirror', $this->path . 'vendor/codemirror/codemirror/lib/codemirror.js');