# How to centralize text in the Weweb rich text editor?

**URL:** <https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709>\
**Category:** Ask us anything\
**Created:** [May 17, 2023, 5:23am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709 "2023-05-17T05:23:22Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [May 17, 2023, 5:23am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/1 "2023-05-17T05:23:22Z")

</div>

Hi, how do I centralize text in the Weweb rich text editor? That’s kinda important…

Also, I see that there’s an option for emojis & images too here (in this forum), could we add that as well?

The emojis / images are a good to have, but the centralization of text is v important for any rich text editor…

---

<div class="post-metadata">

**Author:** ![aherbert](https://avatars.discourse-cdn.com/v4/letter/a/839c29/32.png) [@aherbert](https://community.weweb.io/u/aherbert)\
**Post date:** [May 17, 2023, 5:54am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/2 "2023-05-17T05:54:36Z")

</div>

Hello @raelyn,

You should be able to click on your text element and adjust it using the following:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7724546ac559161bfefcac8c4834ebcb1b0a4d0c.png)

---

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [May 17, 2023, 5:56am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/3 "2023-05-17T05:56:19Z")

</div>

I mean the rich text editor element! I want my users to be able to centralize text.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0e009eb208e9896830e2f985ce63e07d417f6b6a.png)

---

<div class="post-metadata">

**Author:** ![aherbert](https://avatars.discourse-cdn.com/v4/letter/a/839c29/32.png) [@aherbert](https://community.weweb.io/u/aherbert)\
**Post date:** [May 17, 2023, 6:01am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/4 "2023-05-17T06:01:51Z")

</div>

Ah I see… Looks like that will need to be added!

---

<div class="post-metadata">

**Author:** ![twinsticks](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@twinsticks](https://community.weweb.io/u/twinsticks)\
**Post date:** [May 17, 2023, 6:13am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/5 "2023-05-17T06:13:21Z")

</div>

Looking at the package on Github, it looks like ‘alignment’ is an option:

```auto
textAlign: {
        type: 'TextRadioGroup',
        options: {
            choices: [
                {
                    value: 'left',
                    default: true,
                    title: { en: 'Left', fr: 'Gauche' },
                    icon: 'menu-alt-3',
                },
                {
                    value: 'center',
                    title: { en: 'Center', fr: 'Milieu' },
                    icon: 'text-middle',
                },
                {
                    value: 'right',
                    title: { en: 'Right', fr: 'Droite' },
                    icon: 'menu-alt-3',
                },
                {
                    value: 'justify',
                    title: { en: 'Justify', fr: 'Justifié' },
                    icon: 'menu',
                },
            ],
        },
        label: {
            en: 'Alignement',
            fr: 'Alignement',
        },

```

Not sure why it is not being used? Could be a design choice or other issue. My guess is that the work to turn the vue component into a fully configurable WW component was a lot… and so some options were not implemented.

---

<div class="post-metadata">

**Author:** ![twinsticks](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@twinsticks](https://community.weweb.io/u/twinsticks)\
**Post date:** [May 17, 2023, 6:21am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/6 "2023-05-17T06:21:25Z")

</div>

Maybe make a request here: [Public Roadmap | WeWeb](https://feedback.weweb.io/feature-requests)  
I’d upvote it 🙂

---

<div class="post-metadata">

**Author:** ![raelyn](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/raelyn/32/2803_2.png) [@raelyn](https://community.weweb.io/u/raelyn)\
**Post date:** [May 17, 2023, 6:25am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/7 "2023-05-17T06:25:32Z")

</div>

Is it possible to just pluck code into my webapp and have the alignment function be there? I am not a developer, so am not sure how this works.

Already submitted in the roadmap! It says the team will need to review it first before its published 🙂

---

<div class="post-metadata">

**Author:** ![twinsticks](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@twinsticks](https://community.weweb.io/u/twinsticks)\
**Post date:** [May 17, 2023, 6:34am UTC](https://community.weweb.io/t/how-to-centralize-text-in-the-weweb-rich-text-editor/2709/8 "2023-05-17T06:34:28Z")

</div>

‘pluck’ no 😉 But if you chose to learn or have a developer in the future, they can use javascript (vue.js components) to build anything you want and use them in weWeb.

In this case, it looks like the plugin that weWeb is using for the rich editor, has the option to align text. Its just that when they implemented it in their application, a choice was made not to make it available to us (the end user)

That makes sense, as they want to add lots of components, they take work to convert into WeWeb components… so they make choices along the way.

So it is promising that the option is there… hopefully they can enable it for us in the near future.