Heading tags dropdown
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph
Font Size dropdown
Is this button added so that we can create smaller text than what is assigned for the htags? i assume this is because we can't assign any more htags, correct? Curious how best to handle this button option. Think it opens up a bag of worms if someone else not aware of our brand/style guidelines is creating something in the editor. *note: all font sizes below have a paragraph tag. other Htags seem to change the line heights in the editor. font size does not translated to article page.
Personally, I'd prefer capability to use these smaller fonts for a reference rather than a subscript. Thoughts Madeline?
Font size 9
Font size 11
Font size 13
Font size Default
Font size 17
Font size 19
Font size 21
Font size 27
Font size 35
Font Family dropdown
I don't think we need 'font family' in the editor. Unless there's a specific scenario where it could be used to select our brand fonts Founders and Sohne in combo with a Font size i think this may be unnecessary. Also, don't see a case for it being used solely in the editor.
Font Color dropdown
Don't see a need for different font colors in an article except for maybe assigning a light grey color to references or sub/superscript things.
Font Color background
Likely not necessary. Could be interesting use to highlight certain parts of an article. Although, I don't think offering multiple colors is necessary. Maybe just light grey. Multi colors could open up a bag of worms if someone else not aware of our brand/style guidelines is creating something in the editor.
Bold
Italic
Underline
Strikethrough
Bold ; Bold Italic; Bold Underline; Bold Underline Italic; Bold Strikethrough; Bold Strikethrough Italic; Bold Strikethrough Underline; Bold Strikethrough Underline Italic
Superscript H1(2)
Superscript H2(2)
Superscript H3(2)
Superscript H4(2)
Superscript P(2)
Superscript H1 w/ link(2)
Superscript H2 w/ link(2)
Superscript H3 w/ link(2)
Superscript H4 w/ link(2)
Superscript P w/ link(2)
Line under linked superscript is not good.
How to indicate a linked sub/superscript if the underline is not used?
Is there a way to make the actual sub/superscript smaller than this? or is this a product of our font?
Subscript H1(2)
Subscript H2(2)
Subscript H3(2)
Subscript H4(2)
Subscript P(2)
Subscript H1 w/ link(2)
Subscript H2 w/ link(2)
Subscript H3 w/ link(2)
Subscript H4 w/ link(2)
Subscript P w/ link(2)
Is there a way to make the actual sub/superscript smaller than this? or is this a product of our font?
How to indicate a linked sub/superscript if the underline is not used?
Code button
This could be useful for eng related articles about smart contract updates, etc. However, it seems a bit large in comparison to the Paragraph style of text.
(note: this Code button would be used for inline code. The Code Block button below is better suited for ... code blocks)
This is what the text looks like when using the code button for inline text.
supported inputs: https://ckeditor.com/docs/ckeditor5/latest/features/basic-styles.html
Media Library button (.mov media is not capable here)
Insert Media button (video content)
Need a way to caption these videos. Also need a way to use links other than vimeo or youtube.
See Linear notes here: https://linear.app/art-blocks/issue/CUR-1311/request-for-ability-to-add-embed-code-and-custom-html-for-embedding#comment-b6553f0d
vimeo video not working - https://player.vimeo.com/video/674336739
youtube embed not working - https://www.youtube.com/embed/wp14KUEzVxQ?si=twlUcecYtO7gZpqy
Insert Table button (still playing with this to test all features)
Table insert could be very useful for multi images or lists. The margins between images should be 30px to match older static images. Doesn't seem to work when using the padding field in Cell Properties. The full table should have caption capability. We should evaluate if captioning single images in a 2-up table like below would be advisable or do we stay consistent with how we've captioned multi-up images in the past—full table caption;left aligned.
2-up image table:
|
|
3-up image table:
| 
|
|
|
|
|
3-up text table:
This is very handy, but doesn't appear to respond for smaller screens.
Horizontal line
yes! can we make it a light grey? add padding around it? and do we want it to span the full width of images or just text? Thoughts around this in regard to the design, Madeline?
Block Quote button
“This is a quote with a subscript and link.(2)”
Insert Code Block dropdown
used for code blocks not inline code
this is an html insert code block.
MooCow thinks...
________________
/ \
| wow, many |
| custom! | ^__^
\________________/ (oo)\_______
\ (__)\ )\/\
||----w |
|| ||
codeBlock.languages: [
{ language: 'plaintext', label: 'Plain text' }, // The default language.
{ language: 'c', label: 'C' },
{ language: 'cs', label: 'C#' },
{ language: 'cpp', label: 'C++' },
{ language: 'css', label: 'CSS' },
{ language: 'diff', label: 'Diff' },
{ language: 'html', label: 'HTML' },
{ language: 'java', label: 'Java' },
{ language: 'javascript', label: 'JavaScript' },
{ language: 'php', label: 'PHP' },
{ language: 'python', label: 'Python' },
{ language: 'ruby', label: 'Ruby' },
{ language: 'typescript', label: 'TypeScript' },
{ language: 'xml', label: 'XML' }
Insert HTML button
Embed codes for social media or iframes don't seem to work properly. not sure if additional code needs to be added to the snippet or what?
Instagram embed code
Twitter embed code
testing p style caption below insert media button
iframe + caption: the iframe video portion of html snippet doesn't show but the p style for the caption does.
Vimeo iframe
Google maps iframe embed test
3 Column html test
Special Characters dropdown
This is handy and would be useful to keep if the brand font supports.
paragraph:
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
h4
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
h3
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
h2
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
h1
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
ċ≠≤🔝½©®™¢→
Text alignment dropdown
align left
Triangle localista dino trail jazz diamondview nccu the connecter historic preservation smoffice lemurs, bimbe scrap exchange trinity park brightleaf dance upcycled. Chapel hill street locavore wunc plaid, beer old five points 15-501, angier drive hipster. Artisan baked goods north durham dur'm erwin road erwin terrace, dapper old five points durham divas.
align right
Watts-hillandale the indy edgemont sodu gregson street towerview drive jazz old west blue devils, hope valley full frame dino trail the double nickel start-up historic preservation organic the boulevard alt-country, tour de fat eno 55 bullcity edgemont watts fixie. Full frame eagles full frame hipster hope valley lady arm wrestlers oprah building, partner the connecter fifteen five oh one medicine university watts-hillandale farmer, watts-hillandale big green wall pride duke miami boulevard.
align center
Durham mag parrish street farmer blue devils rtp central park one forty seven, creative class basketball bull sustain-a-bull durham divas liberty start-up, biker bar history hub geer street rtp durty blues festival, seed funding lemur center jazz durham freeway alston avenue. Locavore old west people's pharmacy dance old five points coworking eagles organic, bulltown strutters city center medicine coffee major the bull edgemont vintage, merge records durham divas central park hope valley start-up duke. Bowtie nasher cupcakes food truck slow-food bimbe tour de fat adf hayti elf, rolling hills driver street doughman the boulevard dance smoffice renovation.
justify
Underground chapel drive blue devils bouncing bulldogs, seventy duke forest. Corcoran urban farmer big green wall coworking artwalk coffee history hub, foodie main street full frame watts beer, rtp brewery marry durham cupcakes angier drive. Biker bar lemur center durham divas rigsbee university sodu oprah building, artwalk five points seeds vintage subaru five points rigsbee, bull durham sodu subaru hope valley bowtie.
Bulleted List dropdown (each have different bullet styles )
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
- This is a bulleted list
Numbered List dropdown (each have different styles of properties ex 1, 2, 3...i, ii, iii...a, b, c)
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
- This is a numbered list
To-do list button
this just appears as a bulleted list on the page instead of a checkbox
Decrease/Increase Indent buttons
this doesn't seem to do anything
This is copy that is indented. Triangle localista dino trail jazz diamondview nccu the connecter historic preservation smoffice lemurs, bimbe scrap exchange trinity park brightleaf dance upcycled. Chapel hill street locavore wunc plaid, beer old five points 15-501, angier drive hipster. Artisan baked goods north durham dur'm erwin road erwin terrace, dapper old five points durham divas.
