Questions tagged [wysiwyg]

WYSIWYG (What You Perceive Is What You Obtain) refers to visual design editors that usually operate without the need for coding expertise. These editors effortlessly convert the user's modifications into a markup language like HTML. Notable instances of these applications comprise Microsoft Visual Studio, Adobe Dreamweaver's design view, and several content management system (CMS) editors.

Error: Unable to locate module - The specified file cannot be resolved when utilizing an external JavaScript library

I am currently integrating a WYSIWYG editor (TUI Editor) into my Angular2+ application. Since there is no official Angular wrapper available, I have decided to create my own based on an existing wrapper. Due to some installation issues with npm, I saved t ...

What could be causing the sluggish performance of my wysiwyg editor in Vue.js?

I've been exploring the use of a wysiwyg editor on my webpage. Implementing simple two-way data binding with v-model="text" and straightforwardly outputting <div v-html="text"></div>. As a beginner in vuejs, I have encountered a performance iss ...

Revise for embedded frame contents

Is it possible to modify the HTML content of an iframe within a webpage? I currently have this code snippet: <iframe src="sample.html"></iframe> I am looking for a way to edit the contents of sample.html without directly altering the HTML co ...

What You See Is What You Get - A versatile tool for editing both text and

As a developer, I have encountered a common need that StackOverflow addresses. Situation I am in the process of creating a website where users can post code examples and articles using an admin system. These posts may be created by me or registered fron ...

What is the best method for enabling HTML tags when using the TinyMCE paste plugin?

After spending countless hours searching for a solution, I am still puzzled by this problem. My ultimate goal is to have two modes in my powerful TinyMCE editor: Allowing the pasting of HTML or Word/OpenOffice text with all styles and formatting attribu ...

Adding a class to an img tag with TinyMCE

Currently, I am utilizing the TinyMCE editor as a standalone editor in my content management system (CMS). Within the CMS, there is an automatic setting that adds a curved border to any image tags within the cms div ID. In certain cases, I require the op ...

Issue with Angular2 wysiwyg component failing to submitThe Angular2

I'm currently in the process of familiarizing myself with angular2 by developing a sleek wysiwyg component. However, I seem to have reached an obstacle at this point. Below is the code I've been working on: The form that I am utilizing for testi ...

Create a personalized edit button for ContentTools with a unique design

I'm struggling to figure out how to customize the appearance and location of the edit button in ContentTools, a wysiwyg editor. After some research, I learned that I can use editor.start(); and editor.stop(); to trigger page editing. However, I want ...

What is the best method to transfer information from a What You See Is What You Get editor to a database using Vue.js?

I have recently started using the Vue2Editor in order to streamline my process of sending text and image data to my Firebase database. However, I am encountering an issue where the entered data is not being added successfully. Previously, with traditional ...

Angular application experiencing disobedience in TinyMCE height settings

I am struggling to adjust the height of my TinyMCE box within my Angular application because it appears very small. Following the conflicting documentation of TinyMCE, I attempted to make adjustments using the following code: $scope.optionTinyMCE = { ...

Using CKEditor with Selenium in Python

I am currently in the process of automating an email generator on a work-related site using selenium. However, I have hit a roadblock as I am unable to get selenium to interact with the ckeditor on the page. Despite attempting various methods like switchin ...

What is the best way to showcase the proper layout of my article, created using a WYSIWYG editor, with the help of Vue.js and Laravel

Can anyone provide guidance on how to display a customized article from a WYSIWYG editor using Vue.js? In Laravel, I am accustomed to using {!! $article->content !!} to show the full content. How can I achieve the same result in Vue.js using {{article ...

Bidirectional Data Binding with Computed Setter in Vue.js

Exploring the concept of two-way data binding with a basic example: <template> <input v-model="fullname"/> <input v-model="first"/> <input v-model="last"/> </template> <script> var app = new Vue({ el: '#app', ...

Challenge encountered when attempting to send WYSIWYG content via Ajax request

I am currently facing some issues with the usage of Cl Editor on a CMS platform. Specifically, every time I submit data through AJAX, I encounter problems. Let's say I compose 10 lines using my WYSIWYG editor, but when it reaches PHP, only 3 or 4 lines ar ...

Looking for a resolution with NicEditor - Seeking advice on incorporating custom select options

I recently started using NICInline Editor and found a helpful sample at Is there a way to incorporate custom options into this editor? I would like the selected option's value to be inserted right at the cursor point of the Editor Instance. Query: H ...