PHP Kendo\UI\Editor::imageBrowser Examples

Example #1

File: imagebrowser.php Project: neevan1e/Done

$editor = new \Kendo\UI\Editor('editor');
// configure image browser
$imageBrowser = new \Kendo\UI\EditorImageBrowser();
$transport = new \Kendo\UI\EditorImageBrowserTransport();
$transport->thumbnailUrl('../lib/ImageBrowser.php?action=thumbnail');
$transport->uploadUrl('../lib/ImageBrowser.php?action=upload');
$transport->imageUrl('../lib/ImageBrowser.php?action=image&path={0}');
$transport->read('../lib/ImageBrowser.php?action=read');
$destroy = new \Kendo\UI\EditorImageBrowserTransportDestroy();
$destroy->url('../lib/ImageBrowser.php?action=destroy')->type('POST');
$transport->destroy($destroy);
$create = new \Kendo\UI\EditorImageBrowserTransportDestroy();
$create->url('../lib/ImageBrowser.php?action=create')->type('POST');
$transport->create($create);
$imageBrowser->transport($transport);
$editor->imageBrowser($imageBrowser);
// add content
$editor->attr('style', 'width:740px;height:440px')->startContent();
?>
    <p><img src="../content/web/editor/kendo-ui-web.png" alt="Editor for ASP.NET MVC logo" style="display:block;margin-left:auto;margin-right:auto;" /></p>
    <p>
        Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.<br />
        In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
        and image handling. The widget <strong>outputs identical HTML</strong> across all major browsers, follows
        accessibility standards and provides API for content manipulation.
    </p>
    <p>Features include:</p>
    <ul>
        <li>Text formatting & alignment</li>
        <li>Bulleted and numbered lists</li>
        <li>Hyperlink and image dialogs</li>