HTML toolbar using deprecated elements B and I instead of STRONG and EM (solved)

HTML toolbar using deprecated elements B and I instead of STRONG and EM (solved)

5
NewbieNewbie
5

    Feb 12, 2018#1

    I wonder... why IDM went back 10 years and committed to old HTML4 tags on the HTML toolbar:

    Code: Select all

    <b></b>
    <i></i>
    This is 2018 and we should use at least strong and em.
    Without being able to edit the toolbar it is pretty much useless. Isn't it?
    In UltraEdit 22 it was correct.

    UE 24.20 on Windows 7

    6,604548
    Grand MasterGrand Master
    6,604548

      Feb 12, 2018#2

      What happened with HTML toolbar is hard to explain. There is not anymore Advanced - Settings or Configuration - Toolbars / Menus - HTML Toolbar since UltraEdit for Windows v23.00 introducing the ribbon interface which makes it impossible to customize the toolbar commands via easy to use GUI interface. So I describe what can be done now using UE v23.xx or v24.xx as all the HTML toolbar features still exist in UltraEdit without a configuration dialog although smart templates can be used also for quick HTML formatting.

      There was in UE < v23.00 the setting Predefined with the options HTML or XHTML in HTML Toolbar configuration dialog not existing anymore. On having HTML selected <b></b> and <i></i> was inserted around selected text while having XHTML selected resulted in inserting <strong></strong> and <em></em> around selected text. This still works in UE v23.xx and v24.xx, but requires a manual change of a setting in INI file of UltraEdit due to missing configuration interface.
      1. Exit all running instances of UltraEdit.
      2. Open in Windows Explorer (or any other file manager) the directory %APPDATA%\IDMComp\UltraEdit.
      3. Open with Windows Notepad or any other text editor except UltraEdit the file:
        • uedit32.ini (32-bit UE v23.xx, ANSI encoded)
        • uedit64.ini (64-bit UE v23.xx, ANSI encoded)
        • uedit32u.ini (32-bit UE v24.xx, UTF-16 LE encoded)
        • uedit64u.ini (64-bit UE v24.xx, UTF-16 LE encoded)
      4. Search for XmlCompatibleHtmlCommands=0 (in section [Settings]) and change the value to 1.
      5. Save the INI file and close the file (and the other text editor).
      It is also possible to edit or add to INI file of UltraEdit for Windows following lines:

      Code: Select all

      [HtmlCommandBitmaps]
      HtmlCommand01=
      HtmlCommand02=
      HtmlCommand03=
      HtmlCommand04=
      HtmlCommand05=
      HtmlCommand06=
      HtmlCommand07=
      HtmlCommand08=
      HtmlCommand09=
      HtmlCommand10=
      HtmlCommand11=
      HtmlCommand12=
      HtmlCommand13=
      HtmlCommand14=
      HtmlCommand15=
      HtmlCommand16=
      HtmlCommand17=
      HtmlCommand18=
      HtmlCommand19=
      HtmlCommand20=
      HtmlCommand21=
      HtmlCommand22=
      HtmlCommand23=
      HtmlCommand24=
      HtmlCommand25=
      HtmlCommand26=
      HtmlCommand27=
      HtmlCommand28=
      HtmlCommand29=
      HtmlCommand30=
      HtmlCommand31=
      HtmlCommand32=
      HtmlCommand33=
      HtmlCommand34=
      HtmlCommand35=
      HtmlCommand36=
      HtmlCommand37=
      HtmlCommand38=
      HtmlCommand39=
      HtmlCommand40=
      HtmlCommand41=
      HtmlCommand42=
      HtmlCommand43=
      HtmlCommand44=
      HtmlCommand45=
      HtmlCommand46=
      HtmlCommand47=
      HtmlCommand48=
      HtmlCommand49=
      HtmlCommand50=
      
      [HtmlCommands]
      HtmlCommand01=<b>|</b>
      HtmlCommand02=<i>|</i>
      HtmlCommand03=<u>|</u>
      HtmlCommand04=<p dir=·"·ltr·"· style=·"·margin-left: 20px; margin-right: 0px·"·>|</p>
      HtmlCommand05=<ul>\n<li>\n</li>\n</ul>
      HtmlCommand06=<ol>\n<li>\n</li>\n</ol>
      HtmlCommand07=<font color=·"·#%02x%02x%02x·"·>|</font>
      HtmlCommand08=<font style=·"·background-color: #%02x%02x%02x·"·>|</font>
      HtmlCommand09=<p align=·"·left·"·>|</p>
      HtmlCommand10=<p align=·"·center·"·>|</p>
      HtmlCommand11=<p align=·"·right·"·>|</p>
      HtmlCommand12=<p align=·"·justify·"·>|</p>
      HtmlCommand13=<div>|</div>
      HtmlCommand14=<input type=·"·button·"· |>
      HtmlCommand15=<input type=·"·text·"· |>
      HtmlCommand16=<textarea>|</textarea>
      HtmlCommand17=<input type=·"·password·"· |>
      HtmlCommand18=<input type=·"·hidden·"· |>
      HtmlCommand19=<input type=·"·checkbox·"· name=·"·|·"· value=·"··"·>
      HtmlCommand20=<input type=·"·radio·"· name=·"·|·"· value=·"··"·>
      HtmlCommand21=<img src=·"·|·"·>
      HtmlCommand22=<input type=·"·image·"· src=·"·|·"·>
      HtmlCommand23=<a name=·"·|·"·></a>
      HtmlCommand24=
      HtmlCommand25=
      HtmlCommand26=
      HtmlCommand27=
      HtmlCommand28=
      HtmlCommand29=
      HtmlCommand30=
      HtmlCommand31=
      HtmlCommand32=
      HtmlCommand33=
      HtmlCommand34=
      HtmlCommand35=
      HtmlCommand36=
      HtmlCommand37=
      HtmlCommand38=
      HtmlCommand39=
      HtmlCommand40=
      HtmlCommand41=
      HtmlCommand42=
      HtmlCommand43=
      HtmlCommand44=
      HtmlCommand45=
      HtmlCommand46=
      HtmlCommand47=
      HtmlCommand48=
      HtmlCommand49=
      HtmlCommand50=
      
      [HtmlCommandTips]
      HtmlCommand01=
      HtmlCommand02=
      HtmlCommand03=
      HtmlCommand04=
      HtmlCommand05=
      HtmlCommand06=
      HtmlCommand07=
      HtmlCommand08=
      HtmlCommand09=
      HtmlCommand10=
      HtmlCommand11=
      HtmlCommand12=
      HtmlCommand13=
      HtmlCommand14=
      HtmlCommand15=
      HtmlCommand16=
      HtmlCommand17=
      HtmlCommand18=
      HtmlCommand19=
      HtmlCommand20=
      HtmlCommand21=
      HtmlCommand22=
      HtmlCommand23=
      HtmlCommand24=
      HtmlCommand25=
      HtmlCommand26=
      HtmlCommand27=
      HtmlCommand28=
      HtmlCommand29=
      HtmlCommand30=
      HtmlCommand31=
      HtmlCommand32=
      HtmlCommand33=
      HtmlCommand34=
      HtmlCommand35=
      HtmlCommand36=
      HtmlCommand37=
      HtmlCommand38=
      HtmlCommand39=
      HtmlCommand40=
      HtmlCommand41=
      HtmlCommand42=
      HtmlCommand43=
      HtmlCommand44=
      HtmlCommand45=
      HtmlCommand46=
      HtmlCommand47=
      HtmlCommand48=
      HtmlCommand49=
      HtmlCommand50=
      
      The HTML commands 01 to 27 are predefined. The HTML commands 01 to 23 can be customized (command (element), tip and icon (bitmap)). So it is for example possible to use <strong class="b1">|</strong> for first HTML command. The commands 24 to 27 are not customizable as hard coded internally (close tag, convert special characters to HTML entities, HTML URI encode/decode, HTML protector). The HTML commands 28 to 50 are not predefined and can be customized by the user.

      Each entry in section [HtmlCommandBitmaps] with the exception of those for the commands 24 to 27 can have assigned a fully qualified name (path + file name + file extension) never enclosed in double quotes of a suitable icon file of type *.bmp, *.ico, *.jpg, *.jpeg, *.png, *.tif, *.tiff.

      The character | in string of a command assigned to an entry in section section [HtmlCommands] marks the position of the selected text on inserting the HTML/XHTML tag (or whatever the inserted text is).

      A tooltip in section [HtmlCommandTips] should be of format: prompt text\ntooltipp. The prompt text is shown in prompt area of the status bar which is the left area on the status bar not occupied by an element.

      Please send an email to IDM support if you want to know why the configuration dialog for HTML toolbar does not exist anymore since UE v23.00. I have no knowledge why it was removed from configuration.

      Update: The configuration dialog is back in UltraEdit for Windows v25.00 and UEStudio v18.00 at Advanced - Settings or Configuration - Application layout - HTML user tools.
      Best regards from an UC/UE/UES for Windows user from Austria

      5
      NewbieNewbie
      5

        Feb 12, 2018#3

        I can't thank you enough!
        I edited uedit64u.ini and for now I got my beloved strong back. And thank you very much for your detailed instructions for the HTMLCommands.

        6

          Mar 07, 2021#4

          I try to add new custom tags in HTML toolbar. But I can't find a way to add icons to my new buttons. Adding a full path to BMP, JPG or PNG files in [HtmlCommandBitmaps] section of files ue.ini, uedit32.iniuedit32u.ini and uedit64u.ini (there is no file uedit64.ini in folder %APPDATA%\IDMComp\UltraEdit) don't change default icons. I use 16 x 16 pixel images. And there is no Add icon button in Advanced > Configuration > Toolbars / menus > HTML user tools.

          The tooltip text is also not displayed as described. For example, if I type in tooltip field Test\nTest tooltip, when I point to icon, appears:

          Test\nTest tooltip
          Insert user HTML tag 01


          instead of

          Test
          Test tooltip

          6,604548
          Grand MasterGrand Master
          6,604548

            Mar 08, 2021#5

            The HTML user tools can be customized again at Advanced - Settings or Configuration - Toolbars / menus - HTML user tools since UltraEdit for Windows v25.00 and UEStudio v18.00. There is no need anymore to edit the tags and the tooltips directly in the INI file of UltraEdit or UEStudio. My post above is irrelevant for all UltraEdit users not using UltraEdit for Windows v23.xx or v24.xx and UEStudio users not using UEStudio v16.xx and v17.xx regarding to editing the tags and tooltips of the HTML user tools.

            The default INI file is %APPDATA%\IDMComp\UltraEdit\ue.ini since UltraEdit for Windows v27.00 introducing the feature to store/load/sync settings using Cloud Services. Some settings are moved to volatile\ue.vod, mainly all the sections with history data. All uedit*.* files are no longer used by UltraEdit for Windows v27.00 and newer versions after UltraEdit loaded all older setting files on first start after the upgrade and saved the settings in the new setting files on first exit after the upgrade. The files uedit*.*  can be deleted to get some storage space back and avoid confusions in future.

            \n is not for usage in the Tooltip edit field. \n can be entered in the tag edit field to specify inserting at this position a line termination on inserting the tag into a file, i.e. to define a multi-line HTML user tool. The entered Tooltip string is shown as tooltip below the cursor (mouse pointer) on using a toolbar/menu mode and the cursor is above a custom HTML user tool in a customized toolbar and is shown also in prompt area on left side of the status bar in this user interface mode. The Tooltip string is ignored completely in ribbon mode for custom HTML user tools added to a custom ribbon tab. It looks like the implementation for custom HTML user tools in ribbon mode is not yet finished in currently latest UltraEdit for Windows v28.00.0.98.

            There is indeed no possibility to browse to a graphic file to use as icon of a custom HTML user tool as it was available up to UltraEdit v22.20 in the configuration dialog for the HTML Toolbar. The file %APPDATA%\IDMComp\UltraEdit\ue.ini respectively %APPDATA%\IDMComp\UEStudio\ues.ini contains still the section [HtmlCommandBitmaps] with the entries for the fifty HTML commands.  But adding the full qualified file name of a *.bmp or *.ico file to the INI file while UE/UES is not running has no effect on the custom HTML user tools. There are still used the standard icons as defined in the resource of UE/UES.

            Conclusion: It looks like there is not yet re-implemented in UE v28.00.0.98 the feature for custom icons for the HTML user tools as UltraEdit < v23.00 and UEStudio < v16.00 supported even configurable in the configuration dialog for the HTML Toolbar. Therefore I can only suggest to request that with an email to IDM support to get this feature back in a future version of UE/UES.

            PS: I found out during beta testing of UE v28.00 that the three sections for the HTML user tools switched their storage place between ue.ini and volatile\ue.vod depending on having opened once a configuration dialog during an editing session or not in UltraEdit v27.xx. This issue was fixed with UE v28.00.
            Best regards from an UC/UE/UES for Windows user from Austria

            6

              Mar 09, 2021#6

              Thank you very much for your cooperation! Actually I don't need HTML tools. I just wont to create an new toolbar with tools for editing a FB2 tags. With Advanced - Configuration - Toolbars / menus - HTML user tools I can change actions of standard HTML buttons. If you tell me where are located bitmaps of button icons and tooltip texts, used in HTML toolbar (I guess, that is ueres.dll file, but there are a lot of resources), I can change them, using an reverse engineering tool like Resource Hacker.

              6,604548
              Grand MasterGrand Master
              6,604548

                Mar 09, 2021#7

                The PNG images with the identifiers 10100 and 10102 (16x16), 10130 and 10132 (32x32) in file ueres.dll contain the symbols for the 23 custom HTML user tools as I can see with Resource Hacker. There are even more such wide PNG images in the resource DLL for other symbol dimensions.

                I suggest looking also on the smart templates feature. The usage of smart language templates could make your work with FB2 tags very efficient.
                Best regards from an UC/UE/UES for Windows user from Austria

                6

                  Mar 09, 2021#8

                  Thanks again! :) It works! :) I replaced icons in PNG images with identifiers 10100, 10102, 10500 and 10528 (16x16), 10130, 10132, 10504 and 10532 (32x32) in file ueres.dll and my custom icons appears both in my new FB2 Edit toolbar and in Advanced - Configuration - Toolbars / menus - HTML user tools dialog window.



                  However, a noted an little bug: In all 16x16 PNG images icon for User HTML tag 11 is shifted left with one pixel.
                  Now I will see the smart templates feature...