Keikai Doc: Bring AI and Canva-Like Experience to Your Java App with Ease

Author
Jamson Chan, Engineer, Potix Corporation

Date
March 19, 2025

Version
Keikai Doc preview

Introduction

Keikai has been widely recognized for Keikai Spreadsheet, a powerful ZK-compatible, web-based alternative to Excel. But spreadsheets alone aren't enough—many businesses need a seamless way to integrate documents with their data. That’s why we’re introducing Keikai Doc, a next-generation Java web component designed for enterprise applications.

With Keikai Doc, you can embed interactive components, dynamically integrate spreadsheet data, and even leverage AI assistance to enhance document creation and collaboration. You can now bring a fully customizable, interactive document experience into your web app in Java — it even empowers you to build your own version of Google or Canva Docs, fully controlled and self-hosted.

Why Keikai Doc

Keikai Doc can be useful across multiple industries, enabling businesses to generate real-time financial statements, ESG/CSR compliance reports, and insurance claim documents with live spreadsheet data integration. Other applications include healthcare documentation, procurement reports, and CRM-based sales reports, benefiting from Keikai Doc’s ability to turn static documents into interactive, data-driven experiences.

Feature Highlights

Now let's dive directly into some of the key capabilities of Keikai Doc:

Embedding UI Components for Interactive Documents

Unlike conventional rich text editors, Keikai Doc allows hundreds of live, fully functional ZK components to be embedded directly into documents. This means your document isn’t just static text—it can be a dynamic application with interactive elements like forms, charts, and real-time data inputs.

public class MyComposer extends SelectorComposer<Component> {
	@Wire("docpad")
	private Docpad docpad;
	@Override
	public void doAfterCompose(Component comp) throws Exception {
		super.doAfterCompose(comp);
		Listbox listbox = new Listbox();
		setup(listbox);
		Editor editor = Editor.getInstance(docpad.getModel());
		ComponentCommand createListboxCommand = Commands.component(listbox);
		editor.execute(createListboxCommand);
	}
}

Drag-and-Drop UI Component Integration

Keikai Doc makes it effortless to manage embedded components within your documents:

1. Seamless ZK Component Insertion – Drag a ZK component from outside the editor and drop it directly into your document.

<docpad droppable="true"/>

2. Effortless Component Repositioning – Move components within the editor for a perfectly structured layout.

3. Content Rearrangement – Easily drag and drop entire paragraphs for intuitive document editing.

Effortless PDF Export

You can easily export your Keikai Doc to PDF. Whether for reporting, sharing, or archiving, you can generate professional PDFs directly from your web application with just a few clicks.

File file = new File(path);
Exporters.getExporter(Exporters.Type.PDF).export(docpad.getModel(), file);
Filedownload.save(file, "application/pdf");

AI-Powered Assistance for Enhanced Editing

You can effortlessly boost your document workflow with AI-powered tools:

• Instant Answers: get real-time suggestions and insights.
• Smart Auto-Completion: let AI enhance writing efficiency.
• Content Summarization: quickly generate summaries for long documents.

StreamingChatLanguageModel aiModel = OpenAiStreamingChatModel.builder()
	.apiKey(apiKey)
	.modelName(OpenAiChatModelName.GPT_4)
	.build();
AIEditor editor = AIEditor.getInstance(docpad.getModel(), aiModel);
editor.continueWrite();

Keikai Doc at a Glance

Now that we've explored some of Keikai Doc's exciting features, let’s take a step back and recap what makes it a powerful addition to your web application:

• Live, bi-directional data interaction – Connect your documents to spreadsheets, forms, and ZK components, ensuring seamless data updates.
• Dynamic content integration – Enhance documents with interactive charts, forms, and calendars.
• AI-powered assistance – Get real-time suggestions, auto-completion, and content summarization.
• Seamless Word compatibility – Import and edit Word documents while maintaining structure and formatting.
• Seamless Spreadsheet Integration – Link documents with Keikai Spreadsheet for real-time, bi-directional data sync between text, dynamic tables, and calculations, ensuring up-to-date and accurate reports.
• Professional page management – Easily manage headers, footers, and pagination for structured business documents.
• Effortless export – Save documents as Word or PDF for easy sharing and printing.

Stay Updated

I hope you are excited about our new addition, Keikai Doc! Keikai Doc is still evolving, and we’re actively gathering feedback to refine its capabilities. While the downloadable code is not yet available, we’re working to make it ready.

Sign up at keikai.io/doc to get notified when it’s available and help shape its future by voting on the features that matter most to you!

Feedback

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.