𝐍𝐞𝐰 𝐨𝐩𝐞𝐧-𝐬𝐨𝐮𝐫𝐜𝐞 𝐫𝐞𝐥𝐞𝐚𝐬𝐞 — 𝐅𝐢𝐥𝐞𝐌𝐚𝐤𝐞𝐫 𝐖𝐞𝐛𝐃𝐢𝐫𝐞𝐜𝐭 𝐑𝐢𝐜𝐡 𝐓𝐞𝐱𝐭 𝐄𝐝𝐢𝐭𝐨𝐫 𝐁𝐫𝐢𝐝𝐠𝐞 WebDirect has always been strong for deployment, but rich text editing that prints correctly has been a persistent gap. This project addresses that gap without plugins or external dependencies. The approach is straightforward and intentional: Web UI via Quill.js 2 𝐃𝐚𝐭𝐚 𝐭𝐫𝐚𝐧𝐬𝐥𝐚𝐭𝐞𝐝 𝐢𝐧𝐭𝐨 𝐧𝐚𝐭𝐢𝐯𝐞 𝐅𝐢𝐥𝐞𝐌𝐚𝐤𝐞𝐫 𝐬𝐭𝐲𝐥𝐞𝐝 𝐭𝐞𝐱𝐭 𝐒𝐭𝐨𝐫𝐞𝐝 𝐚𝐬 𝐭𝐞𝐱𝐭, not HTML blobs Fully compatible with FileMaker’s reporting and PDF engine Under the hood, Quill’s Delta JSON is parsed and mapped to native FileMaker functions: TextStyleAdd, TextFont, TextSize, TextColor. The result: Clean, searchable data Print-perfect reports Works in WebDirect FileMaker 19+ MIT licensed 𝐑𝐞𝐚𝐝 𝐭𝐡𝐞 𝐆𝐮𝐢𝐝𝐞 & 𝐃𝐨𝐰𝐧𝐥𝐨𝐚𝐝: https://lnkd.in/dibtcMwG #FileMaker #WebDirect #Claris #OpenSource #SoftwareArchitecture #DevResources Shared as an open-source reference for the FileMaker community.
Dimitris Kokoutsidis’ Post
More Relevant Posts
-
Business logic is the core of any serious web product Design and features are important, but real value lives inside the business logic. Business logic defines: how processes work how data moves how decisions are made how the system scales over time When logic is built correctly, the product is easier to maintain, extend, and grow. When it’s not — even small changes become expensive and risky. That’s why we focus not just on code, but on understanding business processes first and turning them into clear, scalable logic. Technology changes. Well-designed business logic stays. #BusinessLogic #WebDevelopment #PHP #Laravel #SoftwareArchitecture #Backend #CustomSoftware
To view or add a comment, sign in
-
-
Generate SEO-Friendly Slugs from Titles in ASP.NET Core To create shorter, user-friendly, or "slugged" URLs with Latin-based names, you can use URL slugging. This process typically involves converting strings (like page titles or names) into lowercase, replacing spaces and special characters with hyphens or other valid URL characters, and ensuring the resulting URL is unique and human-readable. more in the article below.... https://lnkd.in/dfQybC34
To view or add a comment, sign in
-
Building dynamic data tables with semantic HTML just became straightforward. This 59-second video demonstrates one of the new Builderius collection capabilities: creating proper <table> structures with <thead>, <tbody>, <tr>, and <td> elements - all dynamically populated from WordPress queries. No wrapper divs. No CSS Grid hacks pretending to be tables. Just valid, semantic HTML that screen readers understand and search engines properly index. For developers building dashboards, comparison charts, pricing tables, or any structured data display - this matters. Accessibility isn't optional anymore. Neither is semantic markup. More collection updates coming before release. #WordPress #WebDevelopment #SemanticHTML #Accessibility #Builderius #DynamicData #WebStandards #A11y #FrontendDevelopment
To view or add a comment, sign in
-
I've seen so many developers try to 'fix' tables with complex ARIA when simple, semantic HTML would have done a much better job. Here's the reality: a table without a caption is like a book without a title. The screen reader enters the element, but the user has no context for what the data represents. The scope attribute is the real game changer. By explicitly telling assistive technology whether a header cell applies to a column or row, you create relationships that make navigation actually usable. I've been exploring this topic because I kept seeing the same mistakes: developers using <td> for headers and just applying CSS classes for styling. It's a huge accessibility fail. In my latest post, I break down: → How captions and semantic groups provide essential context → The power of scope="col" and scope="row" → Handling complex tables with colgroups → Common mistakes that break screen reader navigation If you're building data tables (and honestly, who isn't?), this one's for you. Let's make the web more accessible, one table at a time. Link in the comments 👇 #Accessibility #WebDevelopment #A11y #UXEngineering #Frontend https://lnkd.in/ebKnz2gn
To view or add a comment, sign in
-
Remember staying up until 2 AM because you flipped the parameters in `strpos()` for the hundredth time? Or grinding through SQL joins just to write the same basic CRUD for the tenth project in a row? Al cranks out code faster than we ever could. But let's be real-it still makes dumb mistakes. Wrong logic, deprecated packages, or sneaky security holes that'll bite you later. your job isn't to write every line anymore. It's to verify. Al drafts, you polish. For freelancers, this is huge. Clients don't care about your typing speed-they care if it works. Slash dev time, ship faster, and charge for your brain, not your keyboard mashing. Ever caught an Al hallucination that almost made it to production? #Laravel #FreelanceDev #AlAssistedCoding
To view or add a comment, sign in
-
Every website you’ve ever used works because data is moving quietly, constantly, and very intentionally. When you type a URL, click a button, submit a form, or refresh a page, something very specific happens behind the scenes: a request is sent, a server responds, and your browser interprets the result. If you don’t understand this flow, web development will always feel confusing. If you do, everything starts to click. This carousel breaks down how data actually moves on the internet, in plain language, with real-world logic no coding, no intimidation. Read it slowly. Save it. Come back to it. And if there’s any web term or technology you still find confusing, drop it in the comments. We’ll break it down together. #buildwithmd
To view or add a comment, sign in
-
In Flask, template inheritance allows you to create a base template (`base.html`) and extend it in other templates (`index.html`). Here's a quick example: `base.html` <!DOCTYPE html> <html> <head> <title>{% block title %}My App{% endblock %}</title> </head> <body> <header> <!-- common header content --> </header> <main> {% block content %}{% endblock %} </main> <footer> <!-- common footer content --> </footer> </body> </html> `index.html` {% extends 'base.html' %} {% block title %}Home Page{% endblock %} {% block content %} <h1>Welcome!</h1> {% endblock %} How it works: - `{% extends 'base.html' %}`: `index.html` inherits from `base.html` - `{% block title %}` and `{% block content %}`: Override blocks from `base.html`
To view or add a comment, sign in
-
In Flask, template inheritance allows you to create a base template (`base.html`) and extend it in other templates (`index.html`). Here's a quick example: `base.html` <!DOCTYPE html> <html> <head> <title>{% block title %}My App{% endblock %}</title> </head> <body> <header> <!-- common header content --> </header> <main> {% block content %}{% endblock %} </main> <footer> <!-- common footer content --> </footer> </body> </html> `index.html` {% extends 'base.html' %} {% block title %}Home Page{% endblock %} {% block content %} <h1>Welcome!</h1> {% endblock %} How it works: - `{% extends 'base.html' %}`: `index.html` inherits from `base.html` - `{% block title %}` and `{% block content %}`: Override blocks from `base.html`
To view or add a comment, sign in
-
Project Showcase: Inventory Management System I’m sharing a project I developed to streamline inventory tracking and order management. This is a comprehensive web application built with PHP and MySQL. Key Features: 🔹 Interactive Dashboard: Real-time visualization of sales and stock levels. 🔹 Product Management: Full control over inventory with low-stock alerts. 🔹 Reporting: Generates detailed sales reports exportable to PDF & CSV. 🔹 Tech Stack: PHP, MySQL, Bootstrap 5, jQuery, Chart.js. Code is up on GitHub if you want to take a look! 👇 https://lnkd.in/g3zSqwWF #SoftwareEngineering #PHP #FullStack #DeveloperPortfolio #InventoryManagement
To view or add a comment, sign in
-
📘 #HTML Forms – Input & Data Handling Focused on core HTML form elements used for user input and data submission in web applications. ✅ Form structure and attributes ✅ Common input types for user data ✅ Labels for accessibility and clarity ✅ Selection controls (select, option, textarea) ✅ Button elements and submission behavior ✅ Basic client-side validation concepts These elements are fundamental for reliable user input handling and frontend–backend communication. #HTML #Forms #FrontendDevelopment #WebDevelopment #LearningJourney
To view or add a comment, sign in
Very useful. nice job!