BranchesTags

Repository files navigation

TinyMCE - The JavaScript Rich Text editor

Building TinyMCE

  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"

Build tasks

grunt Lints, minified, unit tests and creates release packages for TinyMCE.

grunt minify Minifies all JS and CSS files.

grunt test Runs all qunit tests on PhantomJS.

grunt lint Runs all source files though various JS linters.

grunt sc-test Runs all qunit tests on Saucelabs.

grunt watch Watches for source code changes and triggers rebuilds and linting.

grunt --help Displays the various build tasks.

Bundle themes and plugins into a single file

grunt bundle --themes modern --plugins table,paste Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.

Contributing to the TinyMCE project

You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php

Build Status

About

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.

www.tinymce.com/

Resources

Readme
LGPL-2.1 license
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Repository files navigation
TinyMCE - The JavaScript Rich Text editor
Building TinyMCE
  1. Install Node.js
  2. Open a console and go to the project directory
  3. Write "npm i -g grunt-cli" to install the grunt command line tool globally.
  4. Write "npm i" to install all package dependencies.
  5. Build TinyMCE by writing "grunt"
Build tasks
grunt
Lints, minified, unit tests and creates release packages for TinyMCE.
grunt minify
Minifies all JS and CSS files.
grunt test
Runs all qunit tests on PhantomJS.
grunt lint
Runs all source files though various JS linters.
grunt sc-test
Runs all qunit tests on Saucelabs.
grunt watch
Watches for source code changes and triggers rebuilds and linting.
grunt --help
Displays the various build tasks.
Bundle themes and plugins into a single file
grunt bundle --themes modern --plugins table,paste
Minifies the core, adds the modern theme and adds the table and paste plugin into tinymce.min.js.
Contributing to the TinyMCE project
You can read more about how to contribute to this project at http://www.tinymce.com/develop/contributing.php
Build Status
About
TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
www.tinymce.com/
Resources
Readme
LGPL-2.1 license
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages