EXT: PMK Textarea Widget¶

Table of Contents¶

EXT: PMK Textarea Widget 1

Introduction 1

What does it do? 1

Screenshots 2

Users manual 2

Keyboard commands: 2

Button commands: 3

Administration 3

Using PMK Textarea in your own extensions 3

Enabling PMK Textarea in your own Backend extensions 3

Overriding the default settings in your own Backend extensions 3

Enabling PMK Textarea in your own Frontend extensions 3

Reference (JavaScript) 4

Extra Stuff 6

Known problems 6

To-Do list 6

Changelog 6

Introduction¶

Users manual¶

Administration¶

• All configuration settings can be set/changed using the Extension Manager.

• Just click on the extension name, when viewing the installed extensions.

• The extension can be turned on/off at user level. To turn it of , just add this line to the TSConfig of a BE user, and the extension will be disabled for that user.

  setup.override.disablePMKTextarea=1
  

Remember to clear the cache after adding the TSConfig setting!

Using PMK Textarea in your own extensions¶

The PMK Textarea extension can be used in your own Backend & Frontend extensions too.

<script>
var ta_init = {
        languageKey = "dk"
        backColor: "#C8C8CD",
        borderColor: "#808080",
        backColorLn: "#F0F0F0",
        borderColorLn: "#96969B",
        textColorLn: "#808080",
        linenumState: "0",
        showMinMaxButton: "0",
        linenumColWidth: "50",
        defaultFontSize: "9"
};
<script>

# Set the classname on textareas generated by the content type FORM
tt_content.mailform.20.params.textarea = class="enable-tab"

# Adding your own settings.
page.headerData.1000 = TEXT
page.headerData.1000.value (
var ta_init = {
       languageKey = "dk"
        backColor: "#C8C8CD",
     borderColor: "#808080",
   backColorLn: "#F0F0F0",
   borderColorLn: "#96969B",
 textColorLn: "#808080",
   linenumState: "0",
        showMinMaxButton: "0",
    linenumColWidth: "50",
    defaultWidth: "470",
      minWidth: "470",
  maxWidth: "470",
  defaultFontSize: "10"
};
)
page.headerData.1000.wrap = <script type="text/javascript"> | </script>
# Adding the javascript to the pageheader.
page.headerData.1001 = TEXT
page.headerData.1001.value = <script src="typo3conf/ext/pmktextarea/pmk_textarea.js" type="text/javascript"></script>

Extra Stuff¶

A special version of Mads Brunn's “Quixplorer” extension , which has been modified to work with pmktextarea can be downloaded from http://peterklein.phi.t3c.dk/index.php?id=101

Known problems¶

• When indenting/de-indentingblocks of text in IE, you MUST NOT select the "invisible" char at the end of the LAST line.If you do, the next line will be appended to the selection. Unfortunatelyit's not possible to check if the "invisible" char is present or not (IE sux!), so that bug can never be fixed. :(
• Opera doesn't support the "scrollTop" property, which is used to synchronize the line numberswith the textarea. So it's not possible to add line numbersupport for Opera at present time.
• Opera has no way of canceling the system events, like the original Tab keyfunction. That's why there's an annoyingflicker when using the indent/deindent functions.
• In Mozilla it's possible to drag the buttons into the textarea.
• The line numbersdoesn't get updated after cut/paste in IE until you press a key. (Im working on a fix for this.)
• In IE (no surprise!), the Minimize/Maximize button moves a couple pixels to the right after hovering over one of the buttons!
• The extension XCLASS'es template.php in order to replace the standard tab javascript with the pmk-textarea.js.And due to a bug in template.php ($BE_USER should be a GLOBAL var, but it isn't!), I had to copy the entire function. This might conflicts with other extensions which also XCLASS'es template.php. If anyone knows of a better way to do this (without XCLASS), please let me know.

To-Do list¶

• Add configuration option to enable/disable separatefunctions of the script.Status: Partly done. (Right now it's not possible to configure each textarea on a page separately.)
• Convert all standard requesters (alert, prompt, confirm) into DHTML pop ups.
• Fix scrolling problems with Konquerer/Safari if possible, otherwise most functions will have to be disabled, like in Opera.
• Fix the IE oncut/onpaste problems.

Changelog¶

• 0.1.0 First Public release!
• 0.1.1 Added fix for for the new TYPO3 skin “t3skin”.“t3skin” has a bug, where it adds 2 CLASS definitions to textarea tags, which prevents this script from runningcorrectly, as it uses the className defined in the 2 ^nd CLASS definition, which is ignored. Now it also checks forthe className that “t3skin” adds. - Thanks to Kurt Dirnbauer for reporting this bug.
• 0.1.2 Added a couple new configoptions: “lockH”, “lockW” & “tabChar”.“lockH” & “lockW” can be used to lock recizing of either Height or Width. “tabChar” is used to choose what toinsert (either the normal Tabchar or X spaces), when the Tabkey is pressed.
• 0.2.0 Mootools Compability Fix. Now works correctly on sites using the Mootools Javascript Framework.
• 0.3.0 Now compatible with TYPO3 v4.2+.The Javascript has been updated so that the linenumber scrolling works in Mozilla again. (Mozilla have removedthe mutation event I relied on, in the newver versions of Firefox/Moz so I had to use a crappy method instead.But at least the numbering scrolls again.)

Special thanks to Stefan Galinski for extensive betatesting and German language translation.

EXT: PMK Textarea Widget - 6