// ==UserScript==
// @name TinyMce for Evernote
// @namespace http://www.bigbytetech.ca/userscripts
// @version 0.1
// @description Adds TinyMce in Evernote with custom options including source code. A new button is added to Evernote top toolbar section.
// @require https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js
// @run-at document-end
// @include /^https?:\/\/www\.evernote\.com\/home\.action.*n=.*$/
// @match http://www.evernote.com/Home.action*
// @match https://www.evernote.com/Home.action*
// @grant none
// @noframes
// @license MIT
// @homepageURL https://openuserjs.org/scripts/Amourspirit/TinyMce_for_Evernote
// @update https://openuserjs.org/install/Amourspirit/TinyMce_for_Evernote.user.js
// ==/UserScript==
function GM_main () {
// ensure top level window calling and not any iframes
if (window.top != window.self) {
return;
}
var gmPageInitialized = false;
var gmTimer = null;
var gmCounter = 0;
window.onload = function(){
if(gmPageInitialized) return;
gmPageInitialized = true;
// do not append to main edit window (window.top.frames[4].document) as this cause evernote to auto save the page
// this results in a loop and page continues to call document ready event
// set up timer to find evernote toolbar when it appears
gmTimer = setInterval(function () {
gmCounter++;
console.log("turn no. " + gmCounter);
var objLen = jQuery('.GOSDSN-CFFB').length;
if(objLen) {
console.log('found class GOSDSN-CFFB');
// add my own toolbar button
clearInterval(gmTimer);
jQuery('.GOSDSN-CFFB').prepend(createToolbarHtml());
addButtonClick();
} else {
console.log('unable to find class GOSDSN-CFFB');
}
if (gmCounter >= 20 || objLen > 0) {
clearInterval(gmTimer);
}
}, 500);
}
function addButtonClick() {
if(jQuery('#gm-edit-btn').length) {
jQuery('#gm-edit-btn').click(function (){
if(gmFullscreen)
{
tinyMCE.get('gminput').execCommand('mceFullScreen');
}
tinymce.get('gminput').setContent(jQuery('#entinymce_170_ifr').contents().find('body').html());
jQuery('.gmbackdrop, .gmbox').animate({'opacity':'.50'}, 300, 'linear');
jQuery('.gmbox').animate({'opacity':'1.00'}, 300, 'linear');
jQuery('.gmbackdrop, .gmbox').css('display', 'block');
});
console.log('Edit Button Click added');
}
}
function createToolbarHtml() {
var btnHtml = createToolbarEditBtn();
var html = '';
html += ''+btnHtml+'
';
return html;
}
function createToolbarEditBtn() {
var html = '
';
return html;
}
}
function getCss() {
return '.gmbackdrop,.gmbox{position:absolute;display:none}.gmbackdrop{top:0;left:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);z-index:201}.gmbox{top:20%;left:30%;width:650px;height:450px;background:#fff;z-index:202;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 5px #444;-webkit-box-shadow:0 0 5px #444;box-shadow:0 0 5px #444}.gmclose{float:right;margin-right:6px;cursor:pointer}.mce-panel{border:none}div.gmbox .mce-panel{border:0 solid rgba(0,0,0,.2)}div.mce-tinymce.mce-container.mce-panel{margin-top:2em}div.mce-tinymce.mce-container.mce-panel.mce-fullscreen{margin-top:0}#gm-edit-btn{font-size:1.6em;color:#ABABAB}#gm-edit-btn:hover{color:#2DBE60}';
}
// function to add lightbox divs to page
function getLightBoxHtml(id, title) {
id = typeof id !== 'undefined' ? id : 'gminput';
title = typeof title !== 'undefined' ? title : '';
var h = '';
h += '
';
h += title;
h += '
';
h += '