Features & Tips

Master CJC116 Online Code Editor with these helpful guides

Basic Operations

  • Ctrl + S - Save your work
  • Ctrl + Enter - Run code and preview
  • Right-click editor - Switch modes & change editor themes
  • This online web editor is recommended for use on desktop or laptop. Mobile devices are suitable for viewing and previewing.

Editor Windows

Toggle editor panels to maximize your workspace

HTML Editor

Write HTML content for <body> - elements like <div>, <h1>, <p>, etc.

CSS Editor

Style your elements with CSS - classes, IDs, and custom styles

JS Editor

Add interactivity with JavaScript & jQuery effects

Toolbar Features

  • Styles - Search CSS & HTML properties and copy snippets directly
  • Color - Pick colors and copy HEX/RGBA codes instantly
  • Image - Upload images for preview (remember to update paths when downloading)
  • Live - Auto-refresh preview as you type
  • Run - Execute your code and display results in preview window
  • Full - Fullscreen preview mode for better visualization
  • Clear - Remove all content from editors
  • Save - Save your progress locally
  • Load - Restore last saved progress
  • Upload - Upload your web files and automatically separate HTML, CSS, and JS content
  • Export - Download as single HTML file or complete ZIP package

Export Options

Single HTML File

All-in-one file - perfect for quick sharing and testing

ZIP Package

Complete project structure with separate HTML, CSS, JS files

CJC116


          HTML
        

      

        
        

        

          

          CSS
        

      

        
        

        

          

          JavaScript/jQuery 3.x
        

      

        
       

        
    


  

      

      Console
    


    






    
    
    
    
    
    
    
    
    
    
    

    
    
    






    Desktop View




      
      Preview
      
    
 





 


  

    🇬🇧
    English
    
  
  
  
  




    




  
  

    
  
    


  

     




Choose Image

You can click the code below to automatically copy it.






  



    

  • Note:
    For preview only
    • 

  



  


    
 



    




You can click the code below to automatically copy it.


    



    

  • HEX Code:
    #FFFFFF
    • 

  • RGBA Code:
    rgba(255,255,255,1.0)
    • 

  

    

 


    









You can click the code below to automatically copy it.





    




    







    

        
        

            
            
 Buy me a coffee

            
Support CJC116 development

        

        
        
        

            



    
 Thank you for using CJC116!

    
CJC116 is 100% free, and always will be. Your support helps me maintain the servers, add new features, and keep improving this tool for everyone. ❤️



            
            
            

                
 Monthly Coffee Subscription

                

                    

                        $
                        3
                        /month
                    

                    
    
                        
  •  Maintain servers & hosting
    • 
                        
  •  Add new features & templates
    • 
                        
  •  Keep improving for everyone
    • 
                    

                

            

            
            
            

                

                    

                        
                        Subscription renews automatically each month.

                        You can cancel anytime in your PayPal account.

                        All features remain 100% free for everyone.