check

Display beautifully formatted code in an easy-to-read way.


check

Choose from a light or dark theme and whether to show or hide header.


check

Select from over 100 available language options.


Do you speak code? Do you need to share it on your Weebly website? The Code Block makes it effortless to display perfectly formatted code on your pages.

Use the app to share your favorite HTML tricks, web development tutorials, CSS snippets or beef up your app's developer documentation. The Code Block serves up your code samples in an easy-to-read, easy-to-copy format that your visitors and customers will appreciate.

Drag the element anywhere on the page and select from over 100 different languages. Decide on a light or dark theme and whether to show or hide a title. Then input your code — it's that simple. The Code Block does the rest, styling your code so it's beautifully readable on the web.

Free

$0
Show/hide app header
Choose to show or hide a header or title for your code block.
check
Light or dark theme for readability
Every coder has a preference of light or dark text editors. Select how you want to display your code on your page as well.
check
Choose from 100 different languages
Sharing HTML? CSS? PHP? Or another popular coding languages? The Code Block will correctly and effortlessly format your code for you.
check
Display formatted code on your site
The Code Block shows your code the way it's meant to be viewed.
check
Made by Weebly
As an official Weebly app, our support team is here to assist you and ensure future compatibility and bugfixes
check
starsmall starsmall starsmall starsmall starsmall
starsmall starsmall starsmall starsmall starsmall
23 Ratings
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Kathleen Kennedy Oct 11, 2017
    Can't delete it after I added it to my page so have to delete the app.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Andrew Graber Sep 29, 2017
    I like this app and it does its job fairly well. However, I'd like to see configuration available. There should be a way to set the size of the box, as well as a setting to change the default language for those of us that use code a lot on our sites and don't want to have to change the setting every single time we put one in.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Salvatore Peluso Sep 24, 2017
    This app needs more customization options! We need to choose custom colors for the background and the header. For example the dark theme is "too light" for the style of my website, and I need to choose a darker color! Please add more customization options for the theme! For now i will unistall it!
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    ADARSH TRIPATHI Sep 05, 2017
    Nice but add the size change option

    Code Block Sep 05, 2017

    Thank you for the feedback!

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Matthew Tyler-Howells Aug 22, 2017
    Good app, but devs: It can be hard looking for a specific language with such a small option window. It would be great if you could add a search bar to allow us to search for a specific code language, and possibly even set HTML or Text as default.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    looserof7 May 15, 2017
    It's good, until now, if blinking cursor isn't displayed while the code block is read-only, would be a better option.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    SarahCrider Oct 07, 2016
    will not work properly. i fallowed the instructions to the T and it would not place a code on my blog page from influinster

    Code Block Dec 07, 2016

    If you're looking to place some code on your site for use, instead of display, you'll want to use the Custom HTML element instead. If you're having trouble displaying code, though, please let us know!

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Ivan Sivak Sep 22, 2016
    It would be a great addon - if it worked properly. In some of my blog articles it works just fine. However in some it throws a JS error into the console ("ReferenceError: ace is not defined"). It doesn't work well. Please fix this bug.
  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Philip Kalinda Sep 20, 2016
    Code Block not working!! :( Please help!

    Code Block Dec 07, 2016

    Hello! If you're still encountering any issues, please let us know the details, so we can take a look.

  • starsmall starsmall starsmall starsmall starsmall
    starsmall starsmall starsmall starsmall starsmall
    Divesh Pal Sep 20, 2016
    Not working , developers please help me :)

    Code Block Dec 07, 2016

    Sorry for the trouble! Are you still running into any issues we can take care of for you?

    1 - 10 of 23