Character accentuation problems

  • Resolved criacaoparaweb

    (@criacaoparaweb)


    2 years, 9 months ago

    You have a great plugin. But I had problems with character accents. On the edit page everything is ok but when published, it gives an error.

    For example:
    ?§?￡ (??)
    ?3le (óle)

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Miles

    (@areoimiles)

    Hi @criacaoparaweb thank you for taking the time to inform us about this issue. I’m going to look in to this for you. As soon as I fix the issue I will release a new version and drop you a message so you know it has been resolved.

    Thanks
    Miles

    Plugin Author Miles

    (@areoimiles)

    Hi @criacaoparaweb I have taken a look in to this issue and I am not able to replicate it. I’ve tried adding some content in to the block editor which displays fine and also displays correctly when published. See example here https://areoi.io/wp-content/uploads/2022/02/accented-charcters.webm

    There are a few things that may cause issues with accented characters. Please can you double check that your published page includes a <meta charset="UTF-8" /> tag in the <head> section. Also, make sure your database is setup to use the correct charset and collation which should be utf8mb4 and utf8mb4_unicode_ci.

    I really want to help you with this issue so if the above doesn’t help, please could you provide a few additional details which may help me solve it. Could you send me:

    • Screenshot of your page in the editor
    • Screenshot of the published page
    • What block are you using when you see the issue?
    • Are you using a theme, if so which one?
    • Do you have any other plugins installed? If so what?
    • Copy of the code from the code editor view. You can do this by navigating to the page within WordPress, then click the three dots at the top right, select Code Editor and copy all of the code you see. If you can send this across, I can create the page on my local machine and hopefully see the issue you are having and help you find a resolution.

    If you don’t want to post any of this information here you can always send it me in an email to [email protected]. Please let me know if you manage to sort this issue yourself so I can mark this topic as resolved but if not don’t hesitate to get back in touch with the additional details and I will try my best to help.

    Thanks
    Miles

    • This reply was modified 2 years, 9 months ago by Miles.
    • This reply was modified 2 years, 9 months ago by Miles.
    Thread Starter criacaoparaweb

    (@criacaoparaweb)

    Hi @areoimiles
    I’m using the twenty-twenty-two theme.

    My <header> is even with UTF-8 and the database with utf8mb4_unicode_520_ci

    In the plugin I’m loading the Carousel component, and only in the plugin the characters error happens, in the other parts of the site the graphic accents are rendered normally on the front-end

    Thread Starter criacaoparaweb

    (@criacaoparaweb)

    One more detail, the text is written correctly in the database table, without character errors, as shown below:

    <!-- wp:areoi/carousel {"anchor":"heroCarousel","block_id":"8aa7b56b-ef40-4ab1-991c-cb4f18c57d56","controls":false,"transition":"carousel-fade","className":"mw-100"} -->
<!-- wp:areoi/carousel-item {"block_id":"ec2c2b2f-14ba-42eb-9415-5e6354d07537","parent_id":"8aa7b56b-ef40-4ab1-991c-cb4f18c57d56"} -->
<!-- wp:areoi/strip {"block_id":"8c0e44fa-cdce-49c8-a5fb-6edb7005e736","background_display":true,"background_image":{"id":748,"title":"localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo","filename":"localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2.jpg","url":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-content/uploads/2022/02/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2.jpg","link":"https://localhost/criacaoparaweb/__projetos/injetech/site/2022/02/18/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2/","alt":"","author":"1","description":"","caption":"","name":"localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2","status":"inherit","uploadedTo":744,"date":"2022-02-22T17:56:10.000Z","modified":"2022-02-22T17:56:10.000Z","menuOrder":0,"mime":"image/jpeg","type":"image","subtype":"jpeg","icon":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-includes/images/media/default.png","dateFormatted":"22 de fevereiro de 2022","nonces":{"update":"269c0f4186","delete":"24d9da5527","edit":"3d0d282850"},"editLink":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-admin/post.php?post=748\u0026action=edit","meta":false,"authorName":"Developer","authorLink":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-admin/profile.php","uploadedToTitle":"Localiza??o e troca da bateria novo Cruze 1.4 Turbo","uploadedToLink":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-admin/post.php?post=744\u0026action=edit","filesizeInBytes":270026,"filesizeHumanReadable":"264 KB","context":"","height":545,"width":1600,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-content/uploads/2022/02/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2-150x150.jpg","orientation":"landscape"},"medium":{"height":102,"width":300,"url":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-content/uploads/2022/02/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2-300x102.jpg","orientation":"landscape"},"large":{"height":349,"width":1024,"url":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-content/uploads/2022/02/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2-1024x349.jpg","orientation":"landscape"},"full":{"url":"https://localhost/criacaoparaweb/__projetos/injetech/site/wp-content/uploads/2022/02/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo-2.jpg","height":545,"width":1600,"orientation":"landscape"}},"compat":{"item":"","meta":""}},"background_display_overlay":true,"background_overlay":{"hex":"#0000008c","rgb":{"r":0,"g":0,"b":0,"a":0.55},"hsv":{"h":0,"s":0,"v":0,"a":0.55},"hsl":{"h":0,"s":0,"l":0,"a":0.55},"source":"hex","oldHue":0},"background_horizontal_align":"justify-content-center","height_dimension_xs":"60","height_unit_xs":"vh"} -->
<!-- wp:areoi/container {"block_id":"4608781b-b390-46f4-9824-35b9f98e0d78","height_dimension_xs":"100","height_unit_xs":"%"} -->
<!-- wp:areoi/row {"block_id":"f364d73a-b361-4a9c-b1a2-4aac086f2891","vertical_align_xs":"align-items-center","horizontal_align_xs":"justify-content-center","height_dimension_xs":"100","height_unit_xs":"%"} -->
<!-- wp:areoi/column {"block_id":"c57d9f40-70f9-4cf2-b04c-1b66a93d0670","vertical_align_xs":"Default","col_xs":"col-8","className":"text-center"} -->
<!-- wp:heading {"level":3,"textColor":"tertiary"} -->
<h3 class="has-tertiary-color has-text-color">Cruze 1.4 Turbo</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"background"} -->
<p class="has-background-color has-text-color">Vídeo: Encontrando a bateria e fazendo a troca da maneira correta.</p>
<!-- /wp:paragraph -->

<!-- wp:areoi/button {"block_id":"dff41d06-56ce-4f23-9635-af2a8959a8a2","style":"btn-danger","url":"https://localhost/criacaoparaweb/__projetos/injetech/site/2022/02/18/localizacao-e-troca-da-bateria-novo-cruze-1-4-turbo/","text":"Veja Como","className":"text-uppercase fw-bold py-3 px-4 lh-1 mt-4"} /-->
<!-- /wp:areoi/column -->
<!-- /wp:areoi/row -->
<!-- /wp:areoi/container -->
<!-- /wp:areoi/strip -->
<!-- /wp:areoi/carousel-item -->

<!-- wp:areoi/carousel-item {"block_id":"23cdb6bb-7954-4c2f-a17e-a048e0a8e1a6","parent_id":"8aa7b56b-ef40-4ab1-991c-cb4f18c57d56"} -->
<!-- wp:areoi/strip {"block_id":"9ed53088-ddc8-430c-ae8d-47068261eee3","background_display":true,"background_color":{"hex":"#6c6767","rgb":{"r":108,"g":103,"b":103,"a":1},"hsv":{"h":0,"s":5,"v":42,"a":1},"hsl":{"h":0,"s":2,"l":41,"a":1},"source":"hex","oldHue":0},"background_overlay":{"hex":"#0000008c","rgb":{"r":0,"g":0,"b":0,"a":0.55},"hsv":{"h":0,"s":0,"v":0,"a":0.55},"hsl":{"h":0,"s":0,"l":0,"a":0.55},"source":"hex","oldHue":0},"background_horizontal_align":"justify-content-center","height_dimension_xs":"60","height_unit_xs":"vh"} -->
<!-- wp:areoi/container {"block_id":"f8bbf672-c9a8-4fad-898f-e9c5f1b5b707","height_dimension_xs":"100","height_unit_xs":"%"} -->
<!-- wp:areoi/row {"block_id":"b42c30cb-c868-4a64-b4c5-7d5edc1fb5be","vertical_align_xs":"align-items-center","horizontal_align_xs":"justify-content-center","height_dimension_xs":"100","height_unit_xs":"%"} -->
<!-- wp:areoi/column {"block_id":"162e369d-35c2-403c-b983-e1f13514871f","vertical_align_xs":"Default","col_xs":"col-8","className":"text-center"} -->
<!-- wp:heading {"level":3,"textColor":"tertiary"} -->
<h3 class="has-tertiary-color has-text-color">BMW X1</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"textColor":"background"} -->
<p class="has-background-color has-text-color">Vídeo: Reset e apagar manuten??o troca óleo e pastilhas.</p>
<!-- /wp:paragraph -->

<!-- wp:areoi/button {"block_id":"83813945-7bf9-44a0-85ec-1381260261ec","style":"btn-danger","url":"https://localhost/criacaoparaweb/__projetos/injetech/site/2021/08/04/reset-e-apagar-manutencao-troca-oleo-bmw-x1-2016/","text":"assista","className":"text-uppercase fw-bold py-3 px-4 lh-1 mt-4"} /-->
<!-- /wp:areoi/column -->
<!-- /wp:areoi/row -->
<!-- /wp:areoi/container -->
<!-- /wp:areoi/strip -->
<!-- /wp:areoi/carousel-item -->
<!-- /wp:areoi/carousel -->

<!-- wp:group {"className":"container","layout":{"type":"flex","allowOrientation":false}} -->
<div class="wp-block-group container"><!-- wp:heading {"level":3,"className":"section-title col-lg-5"} -->
<h3 class="section-title col-lg-5">Aproveite as nossas ofertas</h3>
<!-- /wp:heading -->

<!-- wp:woocommerce/product-on-sale {"columns":4,"stockStatus":["","instock","outofstock","onbackorder"],"className":"mw-100"} /--></div>
<!-- /wp:group -->
    Plugin Author Miles

    (@areoimiles)

    Hi @criacaoparaweb thanks for the additional information, very helpful! I’ve setup a fresh install of WordPress and created a page using the code you sent across and I can now see the issue. It looks like the issue is specific to the carousel.

    I’m going to work on a fix for you now and will let you know once resolved.

    Thank you for your patience.
    Miles

    Plugin Author Miles

    (@areoimiles)

    @criacaoparaweb I have released a new version of the plugin, please install the latest version and hopefully that should solve the issue. If you continue to have problems, don’t hesitate to get back in touch. Thanks again for letting us know about this issue.

    Tenha um bom dia!

    Miles

    P.S: if you like our plugin and are happy with the support we have provided, we would really appreciate it if you could take a few seconds to leave us a positive review.
    https://www.ads-software.com/support/plugin/all-bootstrap-blocks/reviews/#new-post

    Thread Starter criacaoparaweb

    (@criacaoparaweb)

    @areoimiles

    Wonderful!
    Now everything is ok.
    Congratulations on the work and thank you very much for the help

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Character accentuation problems’ is closed to new replies.

Tags