SlideShare a Scribd company logo
1 of 20
Download to read offline
BUILDING BETTER CONTENT CREATION WITH
WYSIWYG FIELDS
AND
CUSTOM FORMATTERS
A BRIEF HISTORY
CONTENT CREATION
WYSIWYG

CONTENT CREATION
WYSIWYG

CONTENT CREATION
PROS
CONS
Ease of use
Output = Input
CONTENT CREATION
STRUCTURED DATA

CONTENT CREATION
STRUCTURED DATA

PROS
CONS
Dynamic output
Re-usable data
Field heavy / Bad UX
CONTENT CREATION
WYSIWYG + STRUCTURED DATA

CONTENT CREATION
WYSIWYG + STRUCTURED DATA

PROS
Natural editing experience
Dynamic output
Re-usable data
CONTENT CREATION
CONTENT CREATION
WYSIWYG

BODY
CONTENT CREATION
STRUCTURED DATA

TEXT
IMAGE
TEXT
TEXT QUOTE
CONTENT CREATION
WYSIWYG + STRUCTURED DATA

BODY
FIELD
FIELD
WYSIWYG FIELDS
FIELDS INTHE WYSIWYG

(http://drupal.org/project/wysiwyg_fields)
WYSIWYG FIELDS
CUSTOM FORMATTERS
FORMAT ALLTHE FIELDS

(http://drupal.org/project/custom_formatters)
CUSTOM FORMATTERS
DRUPAL 8
RESOURCES
• http://drupal.org/project/custom_formatters

• http://drupal.org/project/famfamfam

• http://drupal.org/project/field_tokens

• http://drupal.org/project/wysiwyg_fields
INFO@REALITYLOOP.COM
WEBSITE
EMAIL
TWITTER

More Related Content

What's hot

From macro to micro goto
From macro to micro   gotoFrom macro to micro   goto
From macro to micro goto
Sam Newman
 

What's hot (20)

Wordpress as a Back Office for Mobile Applications
Wordpress as a Back Office for Mobile ApplicationsWordpress as a Back Office for Mobile Applications
Wordpress as a Back Office for Mobile Applications
 
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
 
AppSec And Microservices
AppSec And MicroservicesAppSec And Microservices
AppSec And Microservices
 
Building Hybrid Apps with Ember
Building Hybrid Apps with EmberBuilding Hybrid Apps with Ember
Building Hybrid Apps with Ember
 
BETA - Securing microservices
BETA - Securing microservicesBETA - Securing microservices
BETA - Securing microservices
 
QCon Sao Paulo Keynote - Microservices, an Unexpected Journey
QCon Sao Paulo Keynote - Microservices, an Unexpected JourneyQCon Sao Paulo Keynote - Microservices, an Unexpected Journey
QCon Sao Paulo Keynote - Microservices, an Unexpected Journey
 
Practical microservices - javazone 2014
Practical microservices -  javazone 2014Practical microservices -  javazone 2014
Practical microservices - javazone 2014
 
Principles of microservices XP Days Ukraine
Principles of microservices   XP Days UkrainePrinciples of microservices   XP Days Ukraine
Principles of microservices XP Days Ukraine
 
How to hack rankings with page speed optimisation
How to hack rankings with page speed optimisationHow to hack rankings with page speed optimisation
How to hack rankings with page speed optimisation
 
How to win a hackathon - Penn APps 2015
How to win a hackathon - Penn APps 2015How to win a hackathon - Penn APps 2015
How to win a hackathon - Penn APps 2015
 
Confusion In The Land Of The Serverless - 90min Version
Confusion In The Land Of The Serverless - 90min VersionConfusion In The Land Of The Serverless - 90min Version
Confusion In The Land Of The Serverless - 90min Version
 
AppSec & Microservices - Velocity 2016
AppSec & Microservices - Velocity 2016AppSec & Microservices - Velocity 2016
AppSec & Microservices - Velocity 2016
 
De l'application mobile à l'application web progressive
De l'application mobile à l'application web progressiveDe l'application mobile à l'application web progressive
De l'application mobile à l'application web progressive
 
Principles of Microservices - NDC 2014
Principles of Microservices  - NDC 2014Principles of Microservices  - NDC 2014
Principles of Microservices - NDC 2014
 
Présentation WordCamp Paris 2015 - Inside da WeB
Présentation WordCamp Paris 2015 - Inside da WeBPrésentation WordCamp Paris 2015 - Inside da WeB
Présentation WordCamp Paris 2015 - Inside da WeB
 
Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...Taking back your website: a playbook for reclaiming your most valuable digita...
Taking back your website: a playbook for reclaiming your most valuable digita...
 
From macro to micro goto
From macro to micro   gotoFrom macro to micro   goto
From macro to micro goto
 
Search Y - Aleyda Solis - PWA & SEO
Search Y - Aleyda Solis - PWA & SEOSearch Y - Aleyda Solis - PWA & SEO
Search Y - Aleyda Solis - PWA & SEO
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Principles of microservices ndc oslo
Principles of microservices   ndc osloPrinciples of microservices   ndc oslo
Principles of microservices ndc oslo
 

Viewers also liked

Webpage Creation
Webpage CreationWebpage Creation
Webpage Creation
mrcarty
 
Website introduction
Website introductionWebsite introduction
Website introduction
gmlib
 
Joomla Beginners Overview Of Day
Joomla Beginners Overview Of DayJoomla Beginners Overview Of Day
Joomla Beginners Overview Of Day
guest01babb
 
Beyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal AdministrationBeyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal Administration
Forum One
 
Introduction to Building Wireframes - Part 1
Introduction to Building Wireframes - Part 1Introduction to Building Wireframes - Part 1
Introduction to Building Wireframes - Part 1
lomalogue
 

Viewers also liked (20)

Designing and building for the editor experience
Designing and building for the editor experienceDesigning and building for the editor experience
Designing and building for the editor experience
 
Wysiwyg
WysiwygWysiwyg
Wysiwyg
 
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009
 
Webpage Creation
Webpage CreationWebpage Creation
Webpage Creation
 
The very introduction to content management systems
The very introduction to content management systemsThe very introduction to content management systems
The very introduction to content management systems
 
Website introduction
Website introductionWebsite introduction
Website introduction
 
Content Marketing Strategy Guide (2013)
Content Marketing Strategy Guide (2013)Content Marketing Strategy Guide (2013)
Content Marketing Strategy Guide (2013)
 
Joomla Beginners Overview Of Day
Joomla Beginners Overview Of DayJoomla Beginners Overview Of Day
Joomla Beginners Overview Of Day
 
Limit to dvd
Limit to dvdLimit to dvd
Limit to dvd
 
Introduction to web content management
Introduction to web content managementIntroduction to web content management
Introduction to web content management
 
Create your first WordPress website – an introduction to WordPress
Create your first WordPress website – an introduction to WordPressCreate your first WordPress website – an introduction to WordPress
Create your first WordPress website – an introduction to WordPress
 
Beyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal AdministrationBeyond Basic Content Management: An Introduction to Drupal Administration
Beyond Basic Content Management: An Introduction to Drupal Administration
 
JOOMLA
JOOMLAJOOMLA
JOOMLA
 
Introduction to blogs and blogging
Introduction to blogs and bloggingIntroduction to blogs and blogging
Introduction to blogs and blogging
 
La violencia de género
La violencia de géneroLa violencia de género
La violencia de género
 
Introduction to Building Wireframes - Part 1
Introduction to Building Wireframes - Part 1Introduction to Building Wireframes - Part 1
Introduction to Building Wireframes - Part 1
 
Word press as an example of wcms
Word press as an example of wcmsWord press as an example of wcms
Word press as an example of wcms
 
WYSIWYG Is a Lie
WYSIWYG Is a LieWYSIWYG Is a Lie
WYSIWYG Is a Lie
 
WordPress as CMS(Content Management System) - CMS로써의 워드프레스
WordPress as CMS(Content Management System) - CMS로써의 워드프레스WordPress as CMS(Content Management System) - CMS로써의 워드프레스
WordPress as CMS(Content Management System) - CMS로써의 워드프레스
 
Programming paradigm and web programming
Programming paradigm and web programmingProgramming paradigm and web programming
Programming paradigm and web programming
 

Similar to Building better content creation with wysiwyg fields and custom formatters

Xcelsius vs. Design Studio
Xcelsius vs. Design StudioXcelsius vs. Design Studio
Xcelsius vs. Design Studio
Iliya Ruvinsky
 
Designing Your Best Architectural Diagrams
Designing Your Best Architectural DiagramsDesigning Your Best Architectural Diagrams
Designing Your Best Architectural Diagrams
Eric D. Schabell
 

Similar to Building better content creation with wysiwyg fields and custom formatters (20)

Designing a Serverless Application with Domain Driven Design
 Designing a Serverless Application with Domain Driven Design  Designing a Serverless Application with Domain Driven Design
Designing a Serverless Application with Domain Driven Design
 
LavaCon 2017 - Static Site Generators are the Game Changers
LavaCon 2017 - Static Site Generators are the Game ChangersLavaCon 2017 - Static Site Generators are the Game Changers
LavaCon 2017 - Static Site Generators are the Game Changers
 
The building blocks for a reusable front end - #imaodbc2015
The building blocks for a reusable front end - #imaodbc2015The building blocks for a reusable front end - #imaodbc2015
The building blocks for a reusable front end - #imaodbc2015
 
Put a little Backbone in your WordPress
Put a little Backbone in your WordPressPut a little Backbone in your WordPress
Put a little Backbone in your WordPress
 
From Interactive to Automatic CAD Data Prep
From Interactive to Automatic CAD Data PrepFrom Interactive to Automatic CAD Data Prep
From Interactive to Automatic CAD Data Prep
 
Xcelsius vs. Design Studio
Xcelsius vs. Design StudioXcelsius vs. Design Studio
Xcelsius vs. Design Studio
 
Designing Your Best Architectural Diagrams
Designing Your Best Architectural DiagramsDesigning Your Best Architectural Diagrams
Designing Your Best Architectural Diagrams
 
JAMStack
JAMStackJAMStack
JAMStack
 
Modernizing Desktop Apps on Windows 10
Modernizing Desktop Apps on Windows 10Modernizing Desktop Apps on Windows 10
Modernizing Desktop Apps on Windows 10
 
Field Activity Planner SaaS SW for the Digital Oilfield
Field Activity Planner SaaS SW for the Digital OilfieldField Activity Planner SaaS SW for the Digital Oilfield
Field Activity Planner SaaS SW for the Digital Oilfield
 
Easing ASP.NET Web and SQL Server Database Deployment with VS 2010 and MsDeploy
Easing ASP.NET Web and  SQL Server Database Deployment withVS 2010 and MsDeployEasing ASP.NET Web and  SQL Server Database Deployment withVS 2010 and MsDeploy
Easing ASP.NET Web and SQL Server Database Deployment with VS 2010 and MsDeploy
 
WSO2Con ASIA 2016: WSO2 Analytics Platform: The One Stop Shop for All Your Da...
WSO2Con ASIA 2016: WSO2 Analytics Platform: The One Stop Shop for All Your Da...WSO2Con ASIA 2016: WSO2 Analytics Platform: The One Stop Shop for All Your Da...
WSO2Con ASIA 2016: WSO2 Analytics Platform: The One Stop Shop for All Your Da...
 
Machine Data 101
Machine Data 101Machine Data 101
Machine Data 101
 
Machine Data 101 Workshop
Machine Data 101 Workshop Machine Data 101 Workshop
Machine Data 101 Workshop
 
Getting Started: How to Set Up Your "Data as a Feature" Project
Getting Started: How to Set Up Your "Data as a Feature" ProjectGetting Started: How to Set Up Your "Data as a Feature" Project
Getting Started: How to Set Up Your "Data as a Feature" Project
 
Machine Data 101: Turning Data Into Insight
Machine Data 101: Turning Data Into InsightMachine Data 101: Turning Data Into Insight
Machine Data 101: Turning Data Into Insight
 
Machine Data 101: Turning Data Into Insight
Machine Data 101: Turning Data Into InsightMachine Data 101: Turning Data Into Insight
Machine Data 101: Turning Data Into Insight
 
Throughwave Day 2015 - Throughwave Next Generation Enterprise IT Infrastructure
Throughwave Day 2015 - Throughwave Next Generation Enterprise IT InfrastructureThroughwave Day 2015 - Throughwave Next Generation Enterprise IT Infrastructure
Throughwave Day 2015 - Throughwave Next Generation Enterprise IT Infrastructure
 
Mediawiki as a software documentation CMS
Mediawiki as a software documentation CMSMediawiki as a software documentation CMS
Mediawiki as a software documentation CMS
 
Solving enterprise challenges through scale out storage & big compute final
Solving enterprise challenges through scale out storage & big compute finalSolving enterprise challenges through scale out storage & big compute final
Solving enterprise challenges through scale out storage & big compute final
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 

Building better content creation with wysiwyg fields and custom formatters