SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Downloaden Sie, um offline zu lesen
WYWIWYG
Melissa McEwen
Twitter/Drupal: Melissamcewen
The Need
• So-called “normal”
people don’t like
dealing with code
• Need a graphical
interface for creating
and editing content
What You See Is What You
Get
• Users can see
something closer to the
final product instead of
HTML
• Buttons and other
features to help format
text, add images, links
to urls, etc.
Drupal
• Wordpress has a native WYSIWYG, Drupal does not
• Many different types of WYSIWYG editors and modules to
chose from
WTFIWYG
• WYWIWYG modules in
general often frustrate
users because they lie
– Filters
– Stupid evil copy and
pasting
Fun with Users: Pasting
from MS Word
NOOOOOOOO
WHYYYYY???!!WHYYYYY???!!
GIANT IMAGE OF DOOM
MY PAGE LOAD TIME IS SOOOOOOO HIGH! WHY?
Do You Need This?
• CCK/Views/CSS solution available
• Create content types
• Style fields
Field: title
Field: Url + Field: Link title
Field: image + imagecache resize
CSS
Stages
Input Format
• Valuable opportunity to tailor editor to user
needs
• Plain HTML for admin, lots of buttons for
content editors (images, bullet points) , a few
(bold, link, etc.) for anon comments
• http://drupal.org/project/better_formats
Popular Editors
• CKEditor
• FCKeditor
• TinyMCE
• YUI
• All of them have
some issues
Two Options
Individual modules
• CKEditor, FCKeditor
• Often has more options for
customization
• Often have annoying things,
like CKEditor assumes you
want it for every text field
unless you exclude it
WYSIWYG API
• Flexible- switch to a different
editor easily
• Growing number of options
that are very useful like strip
out crap on paste, choosing
buttons without editor code
• The future! Standardization
for other module integration!
• Libraries API: Keep stupid non-
Drupal code out of your
/modules directory
http://drupal.org/node/831478
Image Handling
• Do you use built-in image upload?
• Insert module/CCK Field might be a better
option
– No code editing to enable
– Probably more secure
– Imagecache integration
• Resize filter, save your bandwidth
• IMCE or Imagebrowser
http://groups.drupal.org/node/49658
Filters
• Do your options match up for what’s allowed?
• For example: image button, when <img> tag is
not allowed by filter
Wywiwyg and Drupal
Wywiwyg and Drupal
Wywiwyg and Drupal

Weitere ähnliche Inhalte

Was ist angesagt?

WordPress - fixing sites with problems
WordPress - fixing sites with problemsWordPress - fixing sites with problems
WordPress - fixing sites with problemsVictoria Pickering
 
Drupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDrupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDavid Burns
 
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?Andrew Barickman
 
Edy Dawson Notes on SF HTML5 Dev Conf
Edy Dawson Notes on SF HTML5 Dev ConfEdy Dawson Notes on SF HTML5 Dev Conf
Edy Dawson Notes on SF HTML5 Dev ConfEdy Dawson
 
WP 101 - WordPress Basics
WP 101 - WordPress BasicsWP 101 - WordPress Basics
WP 101 - WordPress BasicsJoe Querin
 
Preventing Drupal Headaches: Content Type Checklist
Preventing Drupal Headaches: Content Type ChecklistPreventing Drupal Headaches: Content Type Checklist
Preventing Drupal Headaches: Content Type ChecklistAcquia
 
Should You Wordpress?
Should You Wordpress?Should You Wordpress?
Should You Wordpress?buechler
 
Going visual: Building the library website with the Divi theme
Going visual: Building the library website with the Divi themeGoing visual: Building the library website with the Divi theme
Going visual: Building the library website with the Divi themeConny Liegl
 
The Highs & Lows of Jetpack
The Highs & Lows of JetpackThe Highs & Lows of Jetpack
The Highs & Lows of JetpackKyrie Tompkins
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressEast Bay WordPress Meetup
 
WP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post TypesWP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post TypesJoe Querin
 
Simplifying End-user Drupal 7 Content Administration
Simplifying End-user Drupal 7 Content Administration Simplifying End-user Drupal 7 Content Administration
Simplifying End-user Drupal 7 Content Administration Aidan Foster
 
Bootstrap 3 + responsive
Bootstrap 3 + responsiveBootstrap 3 + responsive
Bootstrap 3 + responsivehatchpb
 
WP101 - Themes and Plugins
WP101 - Themes and PluginsWP101 - Themes and Plugins
WP101 - Themes and PluginsJoe Querin
 
45 WordPress Interview Questions
45 WordPress Interview Questions45 WordPress Interview Questions
45 WordPress Interview QuestionsPontus Bergmark
 
Responsive Web Design with Bootstrap
Responsive Web Design with BootstrapResponsive Web Design with Bootstrap
Responsive Web Design with BootstrapJason Stehle
 
Web Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JSWeb Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JSBootstrap Creative
 
Node.js 101
 Node.js 101 Node.js 101
Node.js 101FITC
 

Was ist angesagt? (20)

WordPress - fixing sites with problems
WordPress - fixing sites with problemsWordPress - fixing sites with problems
WordPress - fixing sites with problems
 
Drupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDrupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs Panels
 
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
 
Edy Dawson Notes on SF HTML5 Dev Conf
Edy Dawson Notes on SF HTML5 Dev ConfEdy Dawson Notes on SF HTML5 Dev Conf
Edy Dawson Notes on SF HTML5 Dev Conf
 
WP 101 - WordPress Basics
WP 101 - WordPress BasicsWP 101 - WordPress Basics
WP 101 - WordPress Basics
 
RWD - Bootstrap
RWD - BootstrapRWD - Bootstrap
RWD - Bootstrap
 
Preventing Drupal Headaches: Content Type Checklist
Preventing Drupal Headaches: Content Type ChecklistPreventing Drupal Headaches: Content Type Checklist
Preventing Drupal Headaches: Content Type Checklist
 
Should You Wordpress?
Should You Wordpress?Should You Wordpress?
Should You Wordpress?
 
Going visual: Building the library website with the Divi theme
Going visual: Building the library website with the Divi themeGoing visual: Building the library website with the Divi theme
Going visual: Building the library website with the Divi theme
 
The Highs & Lows of Jetpack
The Highs & Lows of JetpackThe Highs & Lows of Jetpack
The Highs & Lows of Jetpack
 
What Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPressWhat Developers Need Designers to Know about WordPress
What Developers Need Designers to Know about WordPress
 
WP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post TypesWP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post Types
 
Simplifying End-user Drupal 7 Content Administration
Simplifying End-user Drupal 7 Content Administration Simplifying End-user Drupal 7 Content Administration
Simplifying End-user Drupal 7 Content Administration
 
Bootstrap 3 + responsive
Bootstrap 3 + responsiveBootstrap 3 + responsive
Bootstrap 3 + responsive
 
WP101 - Themes and Plugins
WP101 - Themes and PluginsWP101 - Themes and Plugins
WP101 - Themes and Plugins
 
Word press
Word pressWord press
Word press
 
45 WordPress Interview Questions
45 WordPress Interview Questions45 WordPress Interview Questions
45 WordPress Interview Questions
 
Responsive Web Design with Bootstrap
Responsive Web Design with BootstrapResponsive Web Design with Bootstrap
Responsive Web Design with Bootstrap
 
Web Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JSWeb Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JS
 
Node.js 101
 Node.js 101 Node.js 101
Node.js 101
 

Andere mochten auch

First Preston social talk
First Preston social talkFirst Preston social talk
First Preston social talkJosephStash
 
BrainBank Idealink Open
BrainBank Idealink OpenBrainBank Idealink Open
BrainBank Idealink Openbrainbankinc
 
κελυφη παραδειγματα μικρης κλιμακας
κελυφη παραδειγματα μικρης κλιμακαςκελυφη παραδειγματα μικρης κλιμακας
κελυφη παραδειγματα μικρης κλιμακαςIreneJohnLora
 
Đỗ yến
Đỗ yếnĐỗ yến
Đỗ yếnLe Hung
 
Upcyclist infographic
Upcyclist infographicUpcyclist infographic
Upcyclist infographicCubeyou Inc
 
Case Study
Case StudyCase Study
Case StudyPrezen
 
Colorpresentation
ColorpresentationColorpresentation
Colorpresentationml26441
 
Đỗ Thị Yến by Lê Văn Hùng
Đỗ Thị Yến by Lê Văn HùngĐỗ Thị Yến by Lê Văn Hùng
Đỗ Thị Yến by Lê Văn HùngLe Hung
 
Group project pwrpt
Group project pwrptGroup project pwrpt
Group project pwrptml26441
 
How to create a youtube account
How to create a youtube accountHow to create a youtube account
How to create a youtube accountLomere 神 Wallz
 
Produktová prezentace - TiCtOG
Produktová prezentace - TiCtOGProduktová prezentace - TiCtOG
Produktová prezentace - TiCtOGtomandr
 
Your 2011 Marketing Plan
Your 2011 Marketing PlanYour 2011 Marketing Plan
Your 2011 Marketing PlanJeph Maystruck
 
Mj slide kuakon
Mj slide kuakonMj slide kuakon
Mj slide kuakonLe Hung
 
How to brand and sell online
How to brand and sell onlineHow to brand and sell online
How to brand and sell onlineNj Lopez-Tan
 

Andere mochten auch (20)

First Preston social talk
First Preston social talkFirst Preston social talk
First Preston social talk
 
BrainBank Idealink Open
BrainBank Idealink OpenBrainBank Idealink Open
BrainBank Idealink Open
 
υλικά
υλικάυλικά
υλικά
 
Computers
ComputersComputers
Computers
 
κελυφη παραδειγματα μικρης κλιμακας
κελυφη παραδειγματα μικρης κλιμακαςκελυφη παραδειγματα μικρης κλιμακας
κελυφη παραδειγματα μικρης κλιμακας
 
Đỗ yến
Đỗ yếnĐỗ yến
Đỗ yến
 
Upcyclist infographic
Upcyclist infographicUpcyclist infographic
Upcyclist infographic
 
Case Study
Case StudyCase Study
Case Study
 
Belasi
BelasiBelasi
Belasi
 
WESO MeTTeG 2011
WESO MeTTeG 2011WESO MeTTeG 2011
WESO MeTTeG 2011
 
Colorpresentation
ColorpresentationColorpresentation
Colorpresentation
 
Đỗ Thị Yến by Lê Văn Hùng
Đỗ Thị Yến by Lê Văn HùngĐỗ Thị Yến by Lê Văn Hùng
Đỗ Thị Yến by Lê Văn Hùng
 
Group project pwrpt
Group project pwrptGroup project pwrpt
Group project pwrpt
 
How to create a youtube account
How to create a youtube accountHow to create a youtube account
How to create a youtube account
 
Produktová prezentace - TiCtOG
Produktová prezentace - TiCtOGProduktová prezentace - TiCtOG
Produktová prezentace - TiCtOG
 
Your 2011 Marketing Plan
Your 2011 Marketing PlanYour 2011 Marketing Plan
Your 2011 Marketing Plan
 
Neis supernørd
Neis supernørdNeis supernørd
Neis supernørd
 
Mj slide kuakon
Mj slide kuakonMj slide kuakon
Mj slide kuakon
 
How to brand and sell online
How to brand and sell onlineHow to brand and sell online
How to brand and sell online
 
Bon jovi
Bon joviBon jovi
Bon jovi
 

Ähnlich wie Wywiwyg and Drupal

Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Graham Armfield
 
Wordpress intro
Wordpress introWordpress intro
Wordpress introthe-colab
 
Business 2.0 with WordPress
Business 2.0 with WordPressBusiness 2.0 with WordPress
Business 2.0 with WordPressMario Peshev
 
BITM3730 11-8.pptx
BITM3730 11-8.pptxBITM3730 11-8.pptx
BITM3730 11-8.pptxMattMarino13
 
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011Cms & wordpress theme development 2011
Cms & wordpress theme development 2011Dave Wallace
 
Introduction to Drupal
Introduction to DrupalIntroduction to Drupal
Introduction to Drupalsdmaxey
 
BITM3730 11-7.pptx
BITM3730 11-7.pptxBITM3730 11-7.pptx
BITM3730 11-7.pptxMattMarino13
 
WordPress Themes and Plugins
WordPress Themes and PluginsWordPress Themes and Plugins
WordPress Themes and Pluginssuperann
 
Adobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 BasicsAdobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 BasicsDouglas Strahler
 
WordPress & Other Content Management Systems
WordPress & Other Content Management SystemsWordPress & Other Content Management Systems
WordPress & Other Content Management SystemsEmily Lewis
 
WordPress Plugins to add style to your website
WordPress Plugins to add style to your websiteWordPress Plugins to add style to your website
WordPress Plugins to add style to your websiteBelinda Johnstone
 
Visual Design for Content Management Systems
Visual Design for Content Management SystemsVisual Design for Content Management Systems
Visual Design for Content Management SystemsDani Nordin
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?Graham Armfield
 
Getting Started with Drupal
Getting Started with DrupalGetting Started with Drupal
Getting Started with DrupalBrian Pichman
 
Coonti in HelsinkiJS
Coonti in HelsinkiJSCoonti in HelsinkiJS
Coonti in HelsinkiJSCoonti
 
Modular PHP Development using CodeIgniter Bonfire
Modular PHP Development using CodeIgniter BonfireModular PHP Development using CodeIgniter Bonfire
Modular PHP Development using CodeIgniter BonfireJeff Fox
 
WordPress.pptx
WordPress.pptxWordPress.pptx
WordPress.pptxChandlalu
 

Ähnlich wie Wywiwyg and Drupal (20)

Top modules
Top modulesTop modules
Top modules
 
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
 
Wordpress intro
Wordpress introWordpress intro
Wordpress intro
 
Business 2.0 with WordPress
Business 2.0 with WordPressBusiness 2.0 with WordPress
Business 2.0 with WordPress
 
BITM3730 11-8.pptx
BITM3730 11-8.pptxBITM3730 11-8.pptx
BITM3730 11-8.pptx
 
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
 
Introduction to Drupal
Introduction to DrupalIntroduction to Drupal
Introduction to Drupal
 
BITM3730 11-7.pptx
BITM3730 11-7.pptxBITM3730 11-7.pptx
BITM3730 11-7.pptx
 
An Introduction to MIT's Drupal Cloud
An Introduction to MIT's Drupal CloudAn Introduction to MIT's Drupal Cloud
An Introduction to MIT's Drupal Cloud
 
WordPress Themes and Plugins
WordPress Themes and PluginsWordPress Themes and Plugins
WordPress Themes and Plugins
 
Adobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 BasicsAdobe Dreamweaver CS5 Basics
Adobe Dreamweaver CS5 Basics
 
WordPress & Other Content Management Systems
WordPress & Other Content Management SystemsWordPress & Other Content Management Systems
WordPress & Other Content Management Systems
 
WordPress Plugins to add style to your website
WordPress Plugins to add style to your websiteWordPress Plugins to add style to your website
WordPress Plugins to add style to your website
 
Visual Design for Content Management Systems
Visual Design for Content Management SystemsVisual Design for Content Management Systems
Visual Design for Content Management Systems
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?
 
Getting Started with Drupal
Getting Started with DrupalGetting Started with Drupal
Getting Started with Drupal
 
Coonti in HelsinkiJS
Coonti in HelsinkiJSCoonti in HelsinkiJS
Coonti in HelsinkiJS
 
Using Features
Using FeaturesUsing Features
Using Features
 
Modular PHP Development using CodeIgniter Bonfire
Modular PHP Development using CodeIgniter BonfireModular PHP Development using CodeIgniter Bonfire
Modular PHP Development using CodeIgniter Bonfire
 
WordPress.pptx
WordPress.pptxWordPress.pptx
WordPress.pptx
 

Kürzlich hochgeladen

The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 

Kürzlich hochgeladen (20)

The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 

Wywiwyg and Drupal

  • 2. The Need • So-called “normal” people don’t like dealing with code • Need a graphical interface for creating and editing content
  • 3. What You See Is What You Get • Users can see something closer to the final product instead of HTML • Buttons and other features to help format text, add images, links to urls, etc.
  • 4. Drupal • Wordpress has a native WYSIWYG, Drupal does not • Many different types of WYSIWYG editors and modules to chose from
  • 5. WTFIWYG • WYWIWYG modules in general often frustrate users because they lie – Filters – Stupid evil copy and pasting
  • 6. Fun with Users: Pasting from MS Word
  • 8. GIANT IMAGE OF DOOM MY PAGE LOAD TIME IS SOOOOOOO HIGH! WHY?
  • 9. Do You Need This? • CCK/Views/CSS solution available • Create content types • Style fields Field: title Field: Url + Field: Link title Field: image + imagecache resize CSS
  • 11. Input Format • Valuable opportunity to tailor editor to user needs • Plain HTML for admin, lots of buttons for content editors (images, bullet points) , a few (bold, link, etc.) for anon comments • http://drupal.org/project/better_formats
  • 12. Popular Editors • CKEditor • FCKeditor • TinyMCE • YUI • All of them have some issues
  • 13. Two Options Individual modules • CKEditor, FCKeditor • Often has more options for customization • Often have annoying things, like CKEditor assumes you want it for every text field unless you exclude it WYSIWYG API • Flexible- switch to a different editor easily • Growing number of options that are very useful like strip out crap on paste, choosing buttons without editor code • The future! Standardization for other module integration! • Libraries API: Keep stupid non- Drupal code out of your /modules directory http://drupal.org/node/831478
  • 14. Image Handling • Do you use built-in image upload? • Insert module/CCK Field might be a better option – No code editing to enable – Probably more secure – Imagecache integration • Resize filter, save your bandwidth • IMCE or Imagebrowser http://groups.drupal.org/node/49658
  • 15. Filters • Do your options match up for what’s allowed? • For example: image button, when <img> tag is not allowed by filter