Zendesk Garden CKEditor | Community
Skip to main content

Zendesk Garden CKEditor

  • May 24, 2023
  • 2 replies
  • 0 views
static

I'm building a React-based zendesk app which includes a CKEditor text area that allows agents to input information.

I want to use Zendesk's CKEditor (https://github.com/zendeskgarden/ckeditor) but I find the documentation unclear regarding how to do that.

Do I simply download the package, import it into my CKEditor component, adjust the webpack configuration file and that's it? because doing that made no change on my Editor.

If possible, I want to have exactly the text editor toolbar that Zendesk has on tickets, which allows for code blocks, image uploads (both from button click and copy-pase) etc.

Is that possible?

Any assistance or guidance will be much appreciated.

      2 replies

      static
      • static
      • Author
      • May 31, 2023

      Any helpers?

      Greg29
      • Greg29
      • May 31, 2023

      Hi there! To be completely honest, I've never tested the Garden editor, so I don't have the exact answer, but I agree that it is a bit lacking on the documentation side. I'll see what I can do to help though!

      First question I would have is, when webpack completes, are you seeing a response like this? Just want to make sure that the project is building properly form the get go. Are you also implementing CKEditor in any other way? When you mention that there weren't any changes made, I'm wondering if it's trying to run two different versions of the editor and the default is just overriding/winning that battle.

      Apologies if the questions here are a bit basic, I've never used CKEditor at all before, so I'm just going with some first thoughts. Let me know how this goes.

      Terms & ConditionsCookie settingsAccessibility statement