<li><ahref="toolbarconfigurator/index.html"class="button-a">Toolbar configurator <spanclass="balloon-a balloon-a-nw">Edit your toolbar now!</span></a></li>
</ul>
</nav>
</div>
</header>
<main>
<divclass="adjoined-top">
<divclass="grid-container">
<divclass="content grid-width-100">
<h1>Congratulations!</h1>
<p>
If you can see CKEditor below, it means that the installation succeeded.
You can now try out your new editor version, see its features, and when you are ready to move on, check some of the <ahref="#sample-customize">most useful resources</a> recommended below.
</p>
</div>
</div>
</div>
<divclass="adjoined-bottom">
<divclass="grid-container">
<divclass="grid-width-100">
<divid="editor">
<h1>Hello world!</h1>
<p>I'm an instance of <ahref="https://ckeditor.com">CKEditor</a>.</p>
</div>
</div>
</div>
</div>
<divclass="grid-container">
<divclass="content grid-width-100">
<sectionid="sample-customize">
<h2>Customize Your Editor</h2>
<p>Modular build and <ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_configuration">numerous configuration options</a> give you nearly endless possibilities to customize CKEditor. Replace the content of your <code><ahref="../config.js">config.js</a></code> file with the following code and refresh this page (<strong>remember to clear the browser cache</strong>)!</p>
<p>If you want to reorder toolbar buttons or remove some of them, check <ahref="toolbarconfigurator/index.html">this handy tool</a>!</p>
</section>
<section>
<h2>More Samples!</h2>
<p>Visit the <ahref="https://sdk.ckeditor.com">CKEditor SDK</a> for a huge collection of samples showcasing editor features, with source code readily available to copy and use in your own implementation.</p>
</section>
<section>
<h2>Developer's Guide</h2>
<p>The most important resource for all developers working with CKEditor, integrating it with their websites and applications, and customizing to their needs. You can start from here:</p>
<ul>
<li><ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_installation">Getting Started</a>– Explains most crucial editor concepts and practices as well as the installation process and integration with your website.</li>
<li><ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_advanced_installation">Advanced Installation Concepts</a>– Describes how to upgrade, install additional components (plugins, skins), or create a custom build.</li>
</ul>
<p>When you have the basics sorted out, feel free to browse some more advanced sections like:</p>
<ul>
<li><ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_features">Functionality Overview</a>– Descriptions and samples of various editor features.</li>
<li><ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/plugin_sdk_intro">Plugin SDK</a>, <ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/widget_sdk_intro">Widget SDK</a>, and <ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/skin_sdk_intro">Skin SDK</a>– Useful when you want to create your own editor components.</li>
</ul>
</section>
<section>
<h2>CKEditor JavaScript API</h2>
<p>CKEditor boasts a rich <ahref="https://docs.ckeditor.com/ckeditor4/docs/#!/api">JavaScript API</a> that you can use to adjust the editor to your needs and integrate it with your website or application.</p>
</section>
</div>
</div>
</main>
<footerclass="footer-a grid-container">
<divclass="grid-container">
<pclass="grid-width-100">
CKEditor – The text editor for the Internet –<aclass="samples"href="https://ckeditor.com/">https://ckeditor.com</a>
