58 lines
1.2 KiB
Markdown
58 lines
1.2 KiB
Markdown
# Saxonite
|
|
|
|
## Sarand - Wawam collaboration
|
|
|
|
### Components
|
|
|
|
#### HTML Editor Controls
|
|
|
|
* TinyMCE
|
|
* NuGet package available but effectively doesn nothing - no longer able to copy script filles to aapplication folders.
|
|
* Manually copy files from: https://www.tiny.cloud/get-tiny/self-hosted/
|
|
|
|
## TinyMCE
|
|
|
|
* HTML editor
|
|
* Journallist Articles etc
|
|
* Initialisation:
|
|
```js
|
|
tinymce.init({
|
|
branding: false, // Show/hide on editor footer.
|
|
elementpath: true, // Show/hide on element footer.
|
|
min_height: 280,
|
|
resize: false,
|
|
selector: '.sax-editor-html'
|
|
});
|
|
```
|
|
* Show/hide editor:
|
|
```js
|
|
let editorId = $("#textareaId").attr('id');
|
|
tinymce.get(editorId).show() | hide();
|
|
```
|
|
|
|
### Styling
|
|
|
|
* Web resources:
|
|
* Colour analysis, including complementary etc. https://www.crispedge.com/color/556B2F
|
|
|
|
#### Online
|
|
|
|
* Colours:
|
|
* Base: #556B2F Dark Olive Green
|
|
* Darker: #445525, #33401c. Lighter: #768858, #99a682, #a6c275, #b7ce90.
|
|
|
|
|
|
### Graphics
|
|
|
|
#### Icons
|
|
|
|
* Where to find icons: https://www.canva.com/learn/free-icons-download/
|
|
* https://icons8.com
|
|
* https://www.smashingmagazine.com/category/freebies
|
|
* https://goodstuffnononsense.com/icons-category/free/
|
|
* https://www.iconfinder.com/
|
|
|
|
#### Animated gifs
|
|
|
|
* https://icons8.com/preloaders/
|