Report an issue

Found a bug you'd like to tell us about?
 

 Here’s what to do…Login, Select an ‘Issue Category’ from below and click on the "New Issues” button.

 Please note that support questions will not be handled here. If you need hands on technical support please take out a subscription.

#188 – transforming the code w

Posted in ‘ Ark Editor’
This is a public ticket. Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Wednesday, 23 November 2016 22:23 GMT
Chapullin87

Original code

<div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/seguro-mala-praxis">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Seguro 
                        </h3>
                        <h3 class="letrini-gruesini">
                            Mala Praxis 
                        </h3>
                    </div>
                </a>
            </div>

Change to 

<div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="h2-sinpaddin-abajo">
                        <a href="/master/index.php/servicios/seguro-mala-praxis">
                            Seguro 
                        </a>
                    </h3>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/seguro-mala-praxis">
                            Mala Praxis 
                        </a>
                    </h3>
                </div>
            </div>

 

The anchor tag was change outside of thediv and the h3 elemens to the inside h3. Breackin the behavior of the links and zones which are linked.

 

If I paste the code (I work with sublime text 2) in the SOURCE tab, and save. It save correctly. But if I open an custom module, it will show automatically in the DESIGN tab.

 

It ignore the br tags and create some "&nbsp;" automatically. Wich is anoying because some times we really need put the br tags.

 

Cheers! And thankyou for your amazing tool.

 

Here all the original custom module 

 

<div class="asuntos-home">
    <div>
        <br>
        <h1 class="text-center">
            ASUNTOS PROFESIONALES
        </h1>
        <br>
    </div>
    <div class="container-fluid">
        <div class="row text-center">
            <div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/seguro-mala-praxis">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Seguro 
                        </h3>
                        <h3 class="letrini-gruesini">
                            Mala Praxis 
                        </h3>
                    </div>
                </a>
            </div>
            <div class="col-md-2 cuadrado-naranja asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/residuos-patogenos">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Residuos 
                        </h3>
                        <h3 class="letrini-gruesini">
                            Patógenos 
                        </h3>
                    </div>
                </a>
            </div>
            <div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/links-de-interes">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Links de 
                        </h3>
                        <h3 class="letrini-gruesini">
                            INTERES 
                        </h3>
                    </div>
                </a>
            </div>
            <div class="col-md-2 cuadrado-naranja asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/inspeccion-de-farmacias">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Inspección 
                        </h3>
                        <h3 class="letrini-gruesini">
                            FARMACIAS 
                        </h3>
                    </div>
                </a>
            </div>
            <div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/informes-anmat">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Informes 
                        </h3>
                        <h3 class="letrini-gruesini">
                            A.N.M.A.T. 
                        </h3>
                    </div>
                </a>
            </div>
            <div class="col-md-2 cuadrado-naranja asuntos-profesionales-cuadrados">
                <a href="/master/index.php/servicios/trazabilidad">
                    <div>
                        <h3 class="h2-sinpaddin-abajo">
                            Traza 
                        </h3>
                        <h3 class="letrini-gruesini">
                            BILIDAD 
                        </h3>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

 

Here the transformated code

 

<div class="asuntos-home">
    <div>
        &nbsp;
        <h1 class="text-center">
            ASUNTOS PROFESIONALES
        </h1>
    </div>
    <div class="container-fluid">
        <div class="row text-center">
            <div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="h2-sinpaddin-abajo">
                        <a href="/master/index.php/servicios/seguro-mala-praxis">
                            Seguro 
                        </a>
                    </h3>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/seguro-mala-praxis">
                            Mala Praxis 
                        </a>
                    </h3>
                </div>
            </div>
            <div class="col-md-2 cuadrado-naranja asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="h2-sinpaddin-abajo">
                        <a href="/master/index.php/servicios/residuos-patogenos">
                            Residuos 
                        </a>
                    </h3>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/residuos-patogenos">
                            Patógenos 
                        </a>
                    </h3>
                </div>
            </div>
            <div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="h2-sinpaddin-abajo">
                        <a href="/master/index.php/servicios/links-de-interes">
                            Links de 
                        </a>
                    </h3>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/links-de-interes">
                            INTERES 
                        </a>
                    </h3>
                </div>
            </div>
            <div class="col-md-2 cuadrado-naranja asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="h2-sinpaddin-abajo">
                        <a href="/master/index.php/servicios/inspeccion-de-farmacias">
                            Inspección 
                        </a>
                    </h3>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/inspeccion-de-farmacias">
                            FARMACIAS 
                        </a>
                    </h3>
                </div>
            </div>
            <div class="col-md-2 cuadrado-verde asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="h2-sinpaddin-abajo">
                        <a href="/master/index.php/servicios/informes-anmat">
                            Informes 
                        </a>
                    </h3>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/informes-anmat">
                            A.N.M.A.T. 
                        </a>
                    </h3>
                </div>
            </div>
            <div class="col-md-2 cuadrado-naranja asuntos-profesionales-cuadrados">
                <div>
                    <h3 class="letrini-gruesini">
                        <a href="/master/index.php/servicios/trazabilidad">
                            TRAZABILIDAD 
                        </a>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>
 

 

Custom Fields
Server type
Window
Web server type
Apache
ARK product version
1.8.6
Joomla! version
3.6.4
PHP Version
 
Web browser
Chrome
Errors log
 
Steps to replicate the issue
1. create a Module Custom 2. in SOURCE tab, paste / create a HTML 3. Click in the tab DESIGN 4. Click in the tab SOURCE 5. Voila! The sourse was changed!
Friday, 27 January 2017 10:42 GMT
awills

Block level links are not fully supported by the browsers so you will have an issue with cross browser compatibility.

However, you can support it by doing the following:

 

If you want this behavour add the line CKEDITOR.dtd.a.div= 1 to the CKEDITOR config.js.

So change file: plugins/editors/arkeditor/ckeditor/config.js

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
};
CKEDITOR.dtd.$removeEmpty['i'] = false; //AW This needs to be done properly so this option can be mofified in Joomla as a paramater
CKEDITOR.dtd.$removeEmpty['b'] = false; //AW This needs to be done properly so this option can be mofified in Joomla as a paramater
CKEDITOR.dtd.$removeEmpty['span'] = false; //AW This needs to be done properly so this option can be mofified in Joomla as a paramater

 

to

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
};
CKEDITOR.dtd.$removeEmpty['i'] = false; //AW This needs to be done properly so this option can be mofified in Joomla as a paramater
CKEDITOR.dtd.$removeEmpty['b'] = false; //AW This needs to be done properly so this option can be mofified in Joomla as a paramater
CKEDITOR.dtd.$removeEmpty['span'] = false; //AW This needs to be done properly so this option can be mofified in Joomla as a paramater
CKEDITOR.dtd.a.div= 1;

Hope this helps

Kindest Regards

Andrew 

WebxSolution Ltd is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Copyright © 2009 - 2016 WebxSolution Ltd
Powered by JoomlaWired