[VCC] E-liquid Recipes - Updates 2024

[Grubby]

Top Recipes

• Top recipes are now popular recipes for each year/month
• Top recipes will be coming soon

[Grubby]

Recipe Notes

• New rich text editor so you can style your notes how you want

[SessionDrummer]

Cheers @Grubby, which one did you use ? That’s actually kind of a BIG deal IMO.

[Grubby]

Just grabbed a free one

[SessionDrummer]

Trying to figure out a scheme that works …

[Grubby]

Remember there is light mode too when styling your notes

[Grubby]

[SessionDrummer]

@Grubby, question, and feel free to say no. I was looking at …

// translations
  translations: {
      'title': 'Title',
      'white': 'White',
      'black': 'Black',
      'brown': 'Brown',
      'beige': 'Beige',
      'darkBlue': 'Dark Blue',
      'blue': 'Blue',
      'lightBlue': 'Light Blue',
      'darkRed': 'Dark Red',
      'red': 'Red',
      'darkGreen': 'Dark Green',
      'green': 'Green',
      'purple': 'Purple',
      'darkTurquois': 'Dark Turquois',
      'turquois': 'Turquois',
      'darkOrange': 'Dark Orange',
      'orange': 'Orange',
      'yellow': 'Yellow',

Colors

    fontColor (default: (boolean) true)
    backgroundColor (default: (boolean) true)
    colors :: Set own colors for the editor. They will replace the default colors. Example:

var colors;
colors["#FFFFFF"] = 'White';
colors["#000000"] = 'Black';

And was wondering if you could tweak one, and add one.

colors["#3598db"] = 'Light Blue';
colors["#95a5a6"] = 'Light Gray';

i.e.

Light Blue – #3598db
Light Gray – #95a5a6

[Grubby]

What is that for?

[SessionDrummer]

Hehe, font colors for the Editor.

[Grubby]

I got that but why tweak it, you can’t get those colours?

[SessionDrummer]

No, capped at the stock offerings …

[Grubby]

The documentation doesn’t specify where to change them and all I see is

  // colors
  colors: [
    
  ],

[SessionDrummer]

.richText() allows several options to be set, the default option object is:

$(element).richText({

  // text formatting
  bold: true,
  italic: true,
  underline: true,

  // text alignment
  leftAlign: true,
  centerAlign: true,
  rightAlign: true,
  justify: true,

  // lists
  ol: true,
  ul: true,

  // title
  heading: true,

  // fonts
  fonts: true,
  fontList: [
      "Arial", 
      "Arial Black", 
      "Comic Sans MS", 
      "Courier New", 
      "Geneva", 
      "Georgia", 
      "Helvetica", 
      "Impact", 
      "Lucida Console", 
      "Tahoma", 
      "Times New Roman",
      "Verdana"
  ],
  fontColor: true,
  backgroundColor: true,
  fontSize: true,

  // uploads
  imageUpload: true,
  fileUpload: true,

  // media
  videoEmbed: true,

  // link
  urls: true,

  // tables
  table: true,

  // code
  removeStyles: true,
  code: true,

  // colors
  colors: [],

  // dropdowns
  fileHTML: '',
  imageHTML: '',

  // translations
  translations: {
      'title': 'Title',
      'white': 'White',
      'black': 'Black',
      'brown': 'Brown',
      'beige': 'Beige',
      'darkBlue': 'Dark Blue',
      'blue': 'Blue',
      'lightBlue': 'Light Blue',
      'darkRed': 'Dark Red',
      'red': 'Red',
      'darkGreen': 'Dark Green',
      'green': 'Green',
      'purple': 'Purple',
      'darkTurquois': 'Dark Turquois',
      'turquois': 'Turquois',
      'darkOrange': 'Dark Orange',
      'orange': 'Orange',
      'yellow': 'Yellow',
      'imageURL': 'Image URL',
      'fileURL': 'File URL',
      'linkText': 'Link text',
      'url': 'URL',
      'size': 'Size',
      'responsive': 'Responsive',
      'text': 'Text',
      'openIn': 'Open in',
      'sameTab': 'Same tab',
      'newTab': 'New tab',
      'align': 'Align',
      'left': 'Left',
      'justify': 'Justify',
      'center': 'Center',
      'right': 'Right',
      'rows': 'Rows',
      'columns': 'Columns',
      'add': 'Add',
      'pleaseEnterURL': 'Please enter an URL',
      'videoURLnotSupported': 'Video URL not supported',
      'pleaseSelectImage': 'Please select an image',
      'pleaseSelectFile': 'Please select a file',
      'bold': 'Bold',
      'italic': 'Italic',
      'underline': 'Underline',
      'alignLeft': 'Align left',
      'alignCenter': 'Align centered',
      'alignRight': 'Align right',
      'addOrderedList': 'Ordered list',
      'addUnorderedList': 'Unordered list',
      'addHeading': 'Heading/title',
      'addFont': 'Font',
      'addFontColor': 'Font color',
      'addBackgroundColor': 'Background color',
      'addFontSize': 'Font size',
      'addImage': 'Add image',
      'addVideo': 'Add video',
      'addFile': 'Add file',
      'addURL': 'Add URL',
      'addTable': 'Add table',
      'removeStyles': 'Remove styles',
      'code': 'Show HTML code',
      'undo': 'Undo',
      'redo': 'Redo',
      'close': 'Close',
      'save': 'Save'
  },

[SessionDrummer]

## Requirements

* [jQuery](https://jquery.com/) (v.3+, v.3.2+ recommended)
* FontAwesome ([v.4.7.0](https://fontawesome.com/v4.7.0/) / [v.5+](https://fontawesome.com/))
* `src/jquery.richtext.min.js`
* `src/richtext.min.css`

[SessionDrummer]

@Grubby

 jquery.richtext.js

[SessionDrummer]

// translations
translations: {
‘title’: ‘Title’,
‘white’: ‘White’,
‘black’: ‘Black’,
‘brown’: ‘Brown’,
‘beige’: ‘Beige’,
‘darkBlue’: ‘Dark Blue’,
‘blue’: ‘Blue’,
‘lightBlue’: ‘Light Blue’,
‘darkRed’: ‘Dark Red’,
‘red’: ‘Red’,
‘darkGreen’: ‘Dark Green’,
‘green’: ‘Green’,
‘purple’: ‘Purple’,
‘darkTurquois’: ‘Dark Turquois’,
‘turquois’: ‘Turquois’,
‘darkOrange’: ‘Dark Orange’,
‘orange’: ‘Orange’,
‘yellow’: ‘Yellow’,
‘sessionBlue’: ‘Session Blue’,
‘sessionGrey’: ‘Session Gray’,

function loadColors(command) {
var colors = {};
var result = ‘’;

        colors["#FFFFFF"] = settings.translations.white;
        colors["#000000"] = settings.translations.black;
        colors["#7F6000"] = settings.translations.brown;
        colors["#938953"] = settings.translations.beige;
        colors["#1F497D"] = settings.translations.darkBlue;
        colors["blue"] = settings.translations.blue;
        colors["#4F81BD"] = settings.translations.lightBlue;
        colors["#953734"] = settings.translations.darkRed;
        colors["red"] = settings.translations.red;
        colors["#4F6128"] = settings.translations.darkGreen;
        colors["green"] = settings.translations.green;
        colors["#3F3151"] = settings.translations.purple;
        colors["#31859B"] = settings.translations.darkTurquois;
        colors["#4BACC6"] = settings.translations.turquois;
        colors["#E36C09"] = settings.translations.darkOrange;
        colors["#F79646"] = settings.translations.orange;
        colors["#FFFF00"] = settings.translations.yellow;
        **colors["#3598db"] = settings.translations.sessionBlue;**
        **colors["#95a5a6"] = settings.translations.sessionGray;**

[Grubby]

Ok, sorry life getting in the way here lol, done and done, thanks

[SessionDrummer]

I appreciate it @Grubby. I thought, “No, I shouldn’t even bring this up”.

[Grubby]

All good, got it done in the end