No notes defined.
<div class="global-container">
<header class="siteheader" id="top">
<div class="preheader">
<div class="row">
<div class="large-8 small-12 columns align-middle">
<ul>
<li class="active"><a href="/" title="Home">Home</a></li>
<li><a href="extras/" title="Extras">Extras</a></li>
<li><a href="https://docs.modmore.com/en/index.html" title="Documentation">Documentation</a></li>
<li><a href="http://demo.modmore.com/" title="Demos">Demos</a></li>
<li><a href="https://support.modmore.com/" title="Support">Support</a></li>
<li><a href="https://forum.modmore.com/" title="Forum">Forum</a></li>
<li><a href="https://sitedash.app/?utm_source=modmoreprenav" title="SiteDash">SiteDash</a></li>
</ul>
</div>
<div class="large-4 small-12 columns header-account-links small-text-center">
<a href="https://modmore.com/account/" title="Your Account"><img class="userimg" src="//www.gravatar.com/avatar/ec08b93facdaf8489dde4404bc351c01?s=32&d=mm" width="32" height="32" alt="marcjenkins's avatar"> marcjenkins</a>
<button class="minicart-summary" type="button" data-link="minicart">
<svg role="img" class="minicart-summary__icon">
<use xlink:href="/svg/svg-symbols.svg#simplecart"></use>
</svg>
2 <span class="visually-hidden">items</span>
</button>
<div class="minicart" id="minicart">
<div class="minicart__body">
<ul class="minicart__list">
<li class="minicart-item">
<div class="minicart-item__product">
<h3 class="minicart-item__name">Commerce Single License</h3>
<p class="minicart-item__quantity">
Quantity: 1
</p>
</div>
<div class="minicart-item__numbers">
<span class="minicart-item__subtotal">€299.00</span>
</div>
</li>
<li class="minicart-item">
<div class="minicart-item__product">
<h3 class="minicart-item__name">Redactor Subscription</h3>
<p class="minicart-item__quantity">
Quantity: 5
</p>
</div>
<div class="minicart-item__numbers">
<span class="minicart-item__subtotal">€125.00</span>
</div>
</li>
<li class="minicart-item">
<div class="minicart-item__product">
<h3 class="minicart-item__name">MoreGallery Single License</h3>
<p class="minicart-item__quantity">
Quantity: 1
</p>
</div>
<div class="minicart-item__numbers">
<span class="minicart-item__subtotal">€50.00</span>
</div>
</li>
</ul>
</div>
<div class="minicart__summary">
<div class="minicart__total">
<span class="minicart__total-label">Total:</span>
<span class="minicart__total-value">€474.00</span>
</div>
</div>
<form class="minicart__footer" method="post" action="checkout/">
<input type="hidden" name="checkout" value="1">
<div class="btn-group">
<a href="cart.html" class="btn btn--secondary">Cart</a>
<button type="submit" href="checkout/" class="btn btn--primary">Checkout</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-3 medium-12 small-12 columns">
<a href="https://modmore.com/" class="logo">
<svg role="img">
<use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
</svg>
<span class="visually-hidden">modmore</span>
</a>
</div>
<nav class="large-9 medium-12 small-12 columns">
<ul>
<li class="first"><a href="/extras/" title="Powerful Extras for MODX Revolution">Extras</a></li>
<li><a href="/consults/" title="MODX Consults">Consults</a></li>
<li><a href="/about/" title="About">About</a></li>
<li><a href="/blog/" title="Blog">Blog</a></li>
<li class="last"><a href="/account/" title="Account" data-loggedin="true">Account</a></li>
</ul>
</nav>
</div>
<div class="row print-only">
Printed: <ul class="B_crumbBox"></ul>
</div>
</header>
<div class="hero">
<div class="row">
<div class="column small-12 large-6 align-middle">
<h1 class="hero__title"><a href="#">Redactor</a> <span class="extra-label">new!</span></h1>
<p class="hero__description">Redactor is a beautiful, configurable, and user friendly rich text editor for MODX with powerful media management.</p>
<p class="hero__links">
<a class="button" href="https://www.modmore.com/extras/purchase/?package=22" title="Buy">Buy now</a>
<span class="hero__free-link"><a href="https://www.modmore.com/free-development-licenses/">Try for free</a> or <a href="https://www.modmore.com/extras/purchase/?package=22">see the demo</a></span>
</p>
</div>
</div>
<div class="demo-bg">
<div class="stats-bar">
<div class="row row--large">
<div class="columns small-6 large-expand">
<div class="stats-bar__inner" data-tooltip="Commerce supports MODX 2.x and 3.x 👍">
<span class="stats-bar__icon"><i class="ss-info"></i></span>
<p class="stats-bar__text"><span>Compatibility</span> MODX 3 Supported</p>
</div>
</div>
<div class="columns small-6 large-expand">
<div class="stats-bar__inner">
<a href="#" class="stats-bar__link">
<span class="stats-bar__icon"><i class="ss-tag"></i></span>
<p class="stats-bar__text"><span>Version</span> 2.0.2-pl</p>
</a>
</div>
</div>
<div class="columns small-6 large-expand">
<div class="stats-bar__inner">
<a href="#" class="stats-bar__link">
<span class="stats-bar__icon"><i class="ss-star"></i></span>
<p class="stats-bar__text"><span>Rated</span> 4.9/5</p>
</a>
</div>
</div>
<div class="columns small-6 large-expand">
<div class="stats-bar__inner">
<a href="#" class="stats-bar__link">
<span class="stats-bar__icon"><i class="ss-dollarsign"></i></span>
<p class="stats-bar__text"><span>Price</span> €29 per site</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="product-nav-wrap" data-sticky="true">
<div class="product-nav-wrap__inner">
<ul class="product-nav">
<li class="product-nav__item">
<a href="#" class="product-nav__link active">
<span class="icon product-nav__icon"><i class="ss-check"></i></span>
Features
</a>
</li>
<li class="product-nav__item">
<a href="#" class="product-nav__link">
<span class="icon product-nav__icon"><i class="ss-thumbnails"></i></span>
Extensions
</a>
</li>
<li class="product-nav__item">
<a href="#" class="product-nav__link">
<span class="icon product-nav__icon"><i class="ss-openbook"></i></span>
Documentation
</a>
</li>
<li class="product-nav__item">
<a href="#" class="product-nav__link">
<span class="icon product-nav__icon"><i class="ss-help"></i></span>
FAQs
</a>
</li>
<li class="product-nav__item">
<a href="#" class="product-nav__link">
<span class="icon product-nav__icon"><i class="ss-flask"></i></span>
Development
</a>
</li>
<li class="product-nav__item">
<a href="#" class="product-nav__link">
<span class="icon product-nav__icon"><i class="ss-cart"></i></span>
Pricing
</a>
</li>
</ul>
</div>
</nav>
<div class="row feature-panel feature-panel--right">
<div class="small-12 large-5 column feature-panel__content">
<div class="feature-panel__content-wrapper">
<h2 class="feature-panel__title">Say hello to Redactor 3</h2>
<p>Redactor is your user-friendly rich text editor, tightly integrated with MODX. Ridiculously easy image uploads, clean markup, full control over available formatting and features, and a focus on keeping things simple.</p>
<p>Redactor is your user-friendly rich text editor, tightly integrated with MODX. Ridiculously easy image uploads, clean markup, full control over available formatting and features, and a focus on keeping things simple.</p>
<a href="/agenda/" class="feature-panel__link">
Read more
<svg role="img" class="icon feature-panel__icon">
<use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="small-12 large-6 column feature-panel__media">
<img src="/images/redactor3_standard_content.jpg" class="feature-panel__img">
</div>
</div>
<div class="row feature-panel feature-panel--left">
<div class="small-12 large-5 column feature-panel__content">
<div class="feature-panel__content-wrapper">
<h2 class="feature-panel__title">Introducing themes and dark mode</h2>
<p>Redactor 3 comes with a new modern look, where the buttons floats within the content. If you prefer the editor to look more like Redactor 2, to have a flatter design, or something a little more shiny, the selection of built-in themes has you covered.</p>
<a href="/agenda/" class="feature-panel__link">
Read more
<svg role="img" class="icon feature-panel__icon">
<use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="small-12 large-6 column feature-panel__media">
<img src="/images/redactor3_standard_content.jpg" class="feature-panel__img">
</div>
</div>
<div class="row">
<div class="column">
<section class="product-features">
<div class="product-features__header">
<h3 class="product-features__heading">Works with common payment gateways</h3>
<a href="#" class="more-link">Learn more <svg role="img" class="more-link__arrow">
<use xlink:href="../../svg/svg-symbols.svg#long-arrow-right"></use>
</svg></a>
</div>
<div class="product-features__inner">
<p class="product-features__description">Commerce comes with 8 payment gateways (and counting) to get paid.</p>
</div>
<div class="product-features__grid">
<ul class="product-feature-list">
<li class="product-feature-list__item">
<div class="product-feature-list__media">
<img src="../../images/authorizenet-logo.png" class="product-feature-list__logo">
</div>
<div class="product-feature-list__content">
<h4 class="product-feature-list__heading">Authorize.Net</h4>
<p class="product-feature-list__description">PayPal account, credit cards</p>
</div>
</li>
<li class="product-feature-list__item">
<a href="#" class="product-feature-list__link">
<div class="product-feature-list__media">
<img src="../../images/mollie-logo.png" class="product-feature-list__logo">
</div>
<div class="product-feature-list__content">
<h4 class="product-feature-list__heading">mollie<svg role="img" class="product-feature-list__arrow">
<use xlink:href="../../svg/svg-symbols.svg#long-arrow-right"></use>
</svg></h4>
<p class="product-feature-list__description">PayPal account, credit cards</p>
</div>
</a>
</li>
<li class="product-feature-list__item">
<div class="product-feature-list__media">
<img src="../../images/sagepay-logo.png" class="product-feature-list__logo">
</div>
<div class="product-feature-list__content">
<h4 class="product-feature-list__heading">sagePay</h4>
<p class="product-feature-list__description">Is a product on sale for a period of time? Instead of changing the standard price, add a Sale Price Type and Commerce automatically renders before/after prices for you. The sale price automatically (de)activates.</p>
</div>
</li>
<li class="product-feature-list__item">
<div class="product-feature-list__media">
<img src="../../images/paypal-logo.png" class="product-feature-list__logo">
</div>
<div class="product-feature-list__content">
<h4 class="product-feature-list__heading">PayPal</h4>
<p class="product-feature-list__description">PayPal account, credit cards</p>
</div>
</li>
<li class="product-feature-list__item">
<div class="product-feature-list__media">
<img src="../../images/adyen-logo.png" class="product-feature-list__logo">
</div>
<div class="product-feature-list__content">
<h4 class="product-feature-list__heading">adyen</h4>
<p class="product-feature-list__description">PayPal account, credit cards</p>
</div>
</li>
<li class="product-feature-list__item">
<div class="product-feature-list__media">
<img src="../../images/braintree-logo.png" class="product-feature-list__logo">
</div>
<div class="product-feature-list__content">
<h4 class="product-feature-list__heading">Braintree</h4>
<p class="product-feature-list__description">PayPal account, credit cards</p>
</div>
</li>
</ul>
</div>
</section>
</div>
</div>
<div style="background: #f7fafc; padding: 2rem 0;">
<div class="row row--xsmall">
<blockquote class="review-panel">
<div class="review-panel__stars">
<span class="visually-hidden">Rated 5 stars</span>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
</div>
<p>We proudly use modmore's Redactor on all of our websites. <strong>Its simple, intuitive layout, is perfect for all types of clients and their respective experience and type of use.</strong></p>
<p>Our feedback is listened to, bugs (if any) are dealt with promptly, and the team at modmore are very approachable. Keep up the good work!</p>
<cite class="review-panel__footer">
<div class="review-panel__media">
<img class="review-panel__avatar" src="https://www.gravatar.com/avatar/7bb3a95a90f2b8771b9aa283eacfd7f0?d=mm&r=g">
</div>
<div class="review-panel__cite">
<p class="review-panel__person">Graeme Leighfield</p>
<p class="review-panel__company">Founder of Gel Studios</p>
</div>
</cite>
</blockquote>
</div>
<div class="row row--xsmall">
<blockquote class="review-panel">
<div class="review-panel__stars">
<span class="visually-hidden">Rated 5 stars</span>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
<svg role="img" class="review-panel__star">
<use xlink:href="/svg/svg-symbols.svg#star"></use>
</svg>
</div>
<p>As a professional designer, none of my clients go without redactor as a standard feature in any site I build. <strong>Nothing beats the stability, ease of use, flexibility and customization of Redactor</strong>. Some say paying for a WYSIWYG isn't worth it, experience and the satisfaction of my clients says otherwise.</p>
<cite class="review-panel__footer">
<div class="review-panel__media">
<img class="review-panel__avatar" src="https://www.gravatar.com/avatar/84f4c096772917877b45bdcb0c0a9fab?d=mm&r=g">
</div>
<div class="review-panel__cite">
<p class="review-panel__person">Benjamin Morrison</p>
<p class="review-panel__company">Web Designer</p>
</div>
</cite>
</blockquote>
</div>
<div class="row">
<div class="column u-center">
<a href="#" class="button secondary">Read more reviews</a>
</div>
</div>
</div>
<footer class="page-footer">
<div class="row">
<div class="columns small-12 medium-12 large-3 page-footer__logos">
<a href="#" class="logo-footer">
<svg role="img">
<use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
</svg>
</a>
<a href="https://ecologi.com/modmore" target="_blank" rel="noopener noreferrer" title="View our Ecologi profile" class="logo-ecologi">
<img alt="We offset our carbon footprint via Ecologi" src="https://toolkit.ecologi.com/badges/cpw/5de10f48ec76db00179cea96?white=true&landscape=true" />
</a>
</div>
<div class="columns small-12 medium-4 large-2 large-offset-3">
<h4>Extras</h4>
<nav>
<ul class="footer-nav-list">
<li><a href="#">Redactor</a></li>
<li><a href="#">ContentBlocks</a></li>
<li><a href="#">Commerce</a></li>
<li><a href="#">Formalicious</a></li>
<li><a href="#">Digital Signage</a></li>
<li><a href="#">View All <svg role="img" class="footer-nav-list__arrow">
<use xlink:href="/svg/svg-symbols.svg#long-arrow-right"></use>
</svg></a></li>
</ul>
</nav>
</div>
<div class="columns small-12 medium-4 large-2">
<h4>Help</h4>
<nav>
<ul class="footer-nav-list">
<li><a href="#">FAQ</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Contact Support</a></li>
<li><a href="#">Premium MODX Support</a></li>
</ul>
</nav>
</div>
<div class="columns small-12 medium-4 large-2">
<h4>Connect</h4>
<nav>
<ul class="footer-nav-list">
<li><a href="#">Blog</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</nav>
</div>
</div>
<div class="row u-mt4">
<div class="columns small-12 large-6">
<p class="smallprint">© 2013 - 2020 modmore.</p>
<p class="smallprint">KVK: 52454606 • VAT: NL001103641B07<br> Correspondence: Mark Hamstra, Tijnjedyk 19, Unit 8531, 8934 BT, Leeuwarden, The Netherlands</p>
</div>
<div class="columns small-12 large-6 align-bottom">
<nav>
<ul class="footer-nav-horiz">
<li>
<span>Change currency:</span>
<select title="Select a currency" aria-label="Select a currency" style="width: auto;" id="currencySelector" class="currency-selector">
<option value="EUR">EUR</option>
<option value="USD">USD</option>
<option value="GBP">GBP</option>
<option value="RUB">RUB</option>
<option value="CHF">CHF</option>
<option value="CAD">CAD</option>
</select>
</li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy & Cookies</a></li>
</ul>
</nav>
</div>
</div>
</footer>
</div><!-- /.global-container">
/* No context defined. */