.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ====================== EXT: Pixlr integration ====================== :Created: 2010-02-18T17:33:18 :Changed by: Manfred Egger :Changed: 2010-09-15T10:30:48.310000000 :Classification: ed_pixlr :Description: The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) see more: http://wiki.typo3.org/doc_template#tags ---- :Keywords: Pixlr, backend image editing :Author: Bluechip Software :Email: http://www.bluechip.at :Info 4: :Language: en, de |img-1| |img-2| EXT: Pixlr integration - ed\_pixlr .. _EXT-Pixlr-integration: EXT: Pixlr integration ====================== Extension Key: ed\_pixlr Language: en, de Keywords: Pixlr, backend image editing Copyright 2000-2010, Bluechip Software, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org .. _Table-of-Contents: Table of Contents ----------------- `EXT: Pixlr integration 1 <#__RefHeading__23232_1666046525>`_ **`Introduction 3 <#__RefHeading__23234_1666046525>`_** `What does it do? 3 <#__RefHeading__23236_1666046525>`_ `Screenshots 3 <#__RefHeading__23242_1666046525>`_ **`Users manual 5 <#__RefHeading__23250_1666046525>`_** `Editing images 5 <#__RefHeading__23262_1666046525>`_ **`Administration 6 <#__RefHeading__23264_1666046525>`_** `Reference 6 <#__RefHeading__23268_1666046525>`_ **`Tutorial 7 <#__RefHeading__23272_1666046525>`_** **`Known problems 8 <#__RefHeading__23276_1666046525>`_** **`To-Do list 9 <#__RefHeading__23278_1666046525>`_** **`ChangeLog 10 <#__RefHeading__23280_1666046525>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ This extension integrates the great tool Pixlr, an online image editor, into the backend of TYPO3. It's available in the filelist and also in TCEForms by clicking on the image icons. This extension has been created by `Bluechip Software GmbH `_ . An overview for editors can be found on `http://www.bluemedia.at/pixlr/ `_ (in german). `|img-3| `_ .. _Screenshots: Screenshots ^^^^^^^^^^^ **Possibilities to access Pixlr:** |img-4| **Pixlr express:** |img-5| **Pixlr editor:** |img-6| .. _Users-manual: Users manual ------------ To use this extension you just need to follow these steps: Install the extension In the extension config select the type of pixlr to use (express, editor) the default behavior for Pixlr: should it be enabled for users or not .. _Editing-images: Editing images ^^^^^^^^^^^^^^ To edit images simply click on the “Edit in Pixlr” symbol. Then the configured editor opens and the file is transferred to the Pixlr service. After editing is finished, click on “Done” in the express edition or on “File – Save” in the express edition. Then the edited file is transferred back to TYPO3. If you are in the filelist, you can rename the file to save it with a different filename. If you use the same filename, you have to check the “Overwrite existing file” checkbox to enable overwriting. |img-7| If you are not in the filelist, then the original image is overwritten. .. _Administration: Administration -------------- This extension is automatically loaded for beusers with the default settings of the extension config. .. _Reference: Reference ^^^^^^^^^ To override the default behavior of the values set in the extension config, you can set some options per beuser in the UserTS. .. ### BEGIN~OF~TABLE ### .. _tx-edpixlr: tx\_edpixlr """"""""""" .. container:: table-row Property tx\_edpixlr Data type boolean Description Wraps the whole item Default Value of the ext conf (userEnabled) .. _tx-edpixlr-rendertype: tx\_edpixlr.rendertype """""""""""""""""""""" .. container:: table-row Property tx\_edpixlr.rendertype Data type boolean Description Wraps the whole item and any submenu concatenated to it. Default Value of the ext conf (defaultEditor) .. ###### END~OF~TABLE ###### .. _generated: ((generated)) """"""""""""" .. _Example: Example ~~~~~~~ To enable and use the editor for a certain user, this lines code can be added to the UserTS: :: tx_edpixlr = 1 tx_edpixlr.rendertype = editor To disable the editor simply add this line: :: tx_edpixlr = 0 To enable the express version, no matterwhether Pixlr is enabled or not, add this line of code: :: tx_edpixlr.rendertype = express .. _Tutorial: Tutorial -------- A german tutorial for editors can be found at `http://www.bluemedia.at/pixlr/ `_ . .. _Known-problems: Known problems -------------- It isn't a real problem, but Pixlr is loaded in an overlay using JavaScript and an iFrame. After saving in TYPO3 4.2 it can happen, that the previous page (from where the editing was started) is loaded in the overlay instead of closing the overlay. allow\_url\_fopen has to be enabled or the use of cUrl has to be enabled in TYPO3 so the edited image could be fetched from the Pixlr server. .. _To-Do-list: To-Do list ---------- Nothing at the moment .. _ChangeLog: ChangeLog --------- Take a look at the changelog file |img-2| 10 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: Grafik2 .. :name: Grafik2 .. :width: 87 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 150 .. :id: Grafik7 .. :name: Grafik7 .. :width: 78 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 206 .. :id: Grafik1 .. :name: Grafik1 .. :width: 669 .. |img-5| image:: img-5.jpeg .. :align: left .. :border: 0 .. :height: 282 .. :id: Grafik4 .. :name: Grafik4 .. :width: 669 .. |img-6| image:: img-6.jpeg .. :align: left .. :border: 0 .. :height: 282 .. :id: Grafik3 .. :name: Grafik3 .. :width: 669 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 133 .. :id: Grafik5 .. :name: Grafik5 .. :width: 187