{"id":12666,"date":"2021-06-13T04:06:08","date_gmt":"2021-06-13T09:06:08","guid":{"rendered":"httpss:\/\/www.powenko.com\/wordpress\/docs\/tinymce\/example%e7%af%84%e4%be%8b\/%e7%b7%a8%e8%bc%af%e5%99%a8distraction-free-editor-%e7%9b%b4%e6%8e%a5%e6%96%87%e5%ad%97%e4%b8%8a%e7%b7%a8%e8%bc%af\/"},"modified":"2021-06-13T04:07:46","modified_gmt":"2021-06-13T09:07:46","slug":"%e7%b7%a8%e8%bc%af%e5%99%a8distraction-free-editor-%e7%9b%b4%e6%8e%a5%e6%96%87%e5%ad%97%e4%b8%8a%e7%b7%a8%e8%bc%af","status":"publish","type":"docs","link":"https:\/\/www.powenko.com\/wordpress\/?docs=tinymce\/example%e7%af%84%e4%be%8b\/%e7%b7%a8%e8%bc%af%e5%99%a8distraction-free-editor-%e7%9b%b4%e6%8e%a5%e6%96%87%e5%ad%97%e4%b8%8a%e7%b7%a8%e8%bc%af","title":{"rendered":"\u7de8\u8f2f\u5668Distraction-free editor \u76f4\u63a5\u6587\u5b57\u4e0a\u7de8\u8f2f"},"content":{"rendered":"
\r\n<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n    <!--\r\n    <script src="httpsss:\/\/cdn.tiny.cloud\/1\/mott8ilewgbu1tryzfu9q7sdcmn5qfqt19jixbvaqgaz6kjc\/tinymce\/5\/tinymce.min.js" referrerpolicy="origin"><\/script>\r\n    -->\r\n    <script src="httpsss:\/\/code.jquery.com\/jquery-1.11.3.js"><\/script>\r\n    <script src="..\/..\/..\/system\/libs\/tinymce\/js\/tinymce\/tinymce.min.js" referrerpolicy="origin"><\/script>\r\n\r\n    <script>\r\n\r\n\r\n\r\n        tinymce.init({\r\n            selector: '.dfree-header',\r\n\r\n            menubar: false,\r\n            inline: true,\r\n            toolbar: false,\r\n            plugins: [ 'quickbars' ],\r\n            quickbars_insert_toolbar: 'undo redo',\r\n            quickbars_selection_toolbar: 'italic underline',\r\n        });\r\n\r\n\r\n\r\n        var dfreeBodyConfig = {\r\n            selector: '.dfree-body',\r\n            menubar: false,\r\n            inline: true,\r\n            plugins: [\r\n                'autolink',\r\n                'codesample',\r\n                'link',\r\n                'lists',\r\n                'media',\r\n                \/\/'powerpaste',\r\n                'table',\r\n                'image',\r\n                'quickbars',\r\n                'codesample',\r\n                'help'\r\n            ],\r\n            toolbar: false,\r\n            quickbars_insert_toolbar: 'quicktable image media codesample',\r\n            quickbars_selection_toolbar: 'bold italic underline | formatselect | blockquote quicklink',\r\n            contextmenu: 'undo redo | inserttable | cell row column deletetable | help',\r\n            \/\/ powerpaste_word_import: 'clean',\r\n            \/\/ powerpaste_html_import: 'clean',\r\n        };\r\n\r\n        tinymce.init(dfreeBodyConfig);\r\n\r\n\r\n    <\/script>\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n\r\n\r\n<h2 id="richTextArea_www_powenko_com"  class="dfree-header mce-content-body" contenteditable="true" style="position: relative;" spellcheck="false">\r\n    The latest and greatest from TinyMCE\r\n<\/h2>\r\n<br\/>\r\n<div id="richTextArea_www_powenko_com2"  class="dfree-body mce-content-body" contenteditable="true" style="position: relative;" spellcheck="false">\r\n    <p><img src="httpsss:\/\/tiny.cloud\/images\/medium-pic.jpg" style="display: block; margin-left: auto; margin-right: auto; width: 100%;" data-mce-style="display: block; margin-left: auto; margin-right: auto;" data-mce-selected="1"><\/p>\r\n    <br\/>\r\n    <h2>The world\u2019s first rich text editor in the cloud<\/h2>\r\n\r\n    <p>\r\n        Have you heard about Tiny Cloud?\r\n        It\u2019s the first step in our journey to help you deliver great content creation experiences, no matter your level of expertise.\r\n        50,000 developers already agree.\r\n        They get free access to our global CDN, image proxy services and auto updates to the TinyMCE editor.\r\n        They\u2019re also ready for some exciting updates coming soon.\r\n    <\/p>\r\n\r\n\r\n    <p>\r\n        One of these enhancements is <strong>Tiny Drive<\/strong>: imagine file management for TinyMCE, in the cloud, made super easy.\r\n        Learn more at <a href='httpsss:\/\/www.tiny.cloud\/tinydrive\/'>tiny.cloud\/tinydrive<\/a>, where you\u2019ll find a working demo and an opportunity to provide feedback to the product team.\r\n    <\/p>\r\n\r\n    <h3>An editor for every project<\/h3>\r\n\r\n    <p>\r\n        Here are some of our customer\u2019s most common use cases for TinyMCE:\r\n    <ul>\r\n        <li>Content Management Systems (<em>e.g. WordPress, Umbraco<\/em>)<\/li>\r\n        <li>Learning Management Systems (<em>e.g. Blackboard<\/em>)<\/li>\r\n        <li>Customer Relationship Management and marketing automation (<em>e.g. Marketo<\/em>)<\/li>\r\n        <li>Email marketing (<em>e.g. Constant Contact<\/em>)<\/li>\r\n        <li>Content creation in SaaS systems (<em>e.g. Eventbrite, Evernote, GoFundMe, Zendesk<\/em>)<\/li>\r\n    <\/ul>\r\n    <\/p>\r\n\r\n    <p>\r\n        And those use cases are just the start.\r\n        TinyMCE is incredibly flexible, and with hundreds of APIs there\u2019s likely a solution for your editor project.\r\n        If you haven\u2019t experienced Tiny Cloud, get started today.\r\n        You\u2019ll even get a free trial of our premium plugins \u2013 no credit card required!\r\n    <\/p>\r\n<\/div>\r\n\r\n\r\n\r\nwww.popwenko.com\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n