Jean Osorio JeanOsorio

How to crate a WYSIWYG

What is a WYSIWYG

The WYSIWYG or What You See Is What You Get is a text editor that allows a user to type and immediately watch the text resulting in styled like bold, italic, underline or strikethrough fonts, as you can imagine the main functionality of the WYSIWYG is to ease the creation of rich text; is commonly used in blogs text editor or the creation of documents like google docs.

Most use WYSIWYG libraries

At the time of the writing of this entry the most popular WYSIWYG libraries are:

CKEditor

Tiny or TinyMCE

	-- Just an example, supposed to be placed in /lua/custom/
	local pluginConfs = require "custom.plugins.configs"

	local M = {}

	-- make sure you maintain the structure of `core/default_config.lua` here,
	-- example of changing theme:

	M.ui = {
	theme = "catppuccin",

	set number
	set relativenumber
	set number
	set relativenumber
	set autoindent
	set tabstop=2
	set shiftwidth=2
	set smarttab
	set softtabstop=2
	set mouse=a

	/**
	* Gradis Token to GIF
	* Install:
	* * npm i puppeteer gifencoder png-js
	* Run:
	* * node index.js <token id>
	* * node index.js 10360308020202100302110304,10350503030202000202140003,10160116030200020302040506
	* tested on node v14.17.6
	*/

	// Trie.js - super simple JS implementation
	// https://en.wikipedia.org/wiki/Trie

	// -----------------------------------------

	// we start with the TrieNode
	function TrieNode(key) {
	// the "key" value will be the character in sequence
	this.key = key;

	upload(files) {
	const config = {
	onUploadProgress: function(progressEvent) {
	var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total)
	console.log(percentCompleted)
	}
	}

	let data = new FormData()
	data.append('file', files[0])

	# You don't need Fog in Ruby or some other library to upload to S3 -- shell works perfectly fine
	# This is how I upload my new Sol Trader builds (http://soltrader.net)
	# Based on a modified script from here: http://tmont.com/blargh/2014/1/uploading-to-s3-in-bash

	S3KEY="my aws key"
	S3SECRET="my aws secret" # pass these in

	function putS3
	{
	path=$1