In my application I have used CKEditor text editor to store large data.
That data may come from another html page by copying content from any web page.
When doing above scenario,
if client missed any to copy properly ended html tags from that web page, they copied incomplete html content. When client paste it inside CKEditor, it showing good.
But If I display whole content without CKEditor,
Its leading to following issues,
Page collapse , because if client copied partical (in completed content from other web page)
CSS class override
Please give solution for that.
Related
So for some pages of my Wordpress website I created a big block of code conisiting many images and links, which I need to change from time to time. Because this was built with a plugin like Elementor manually changing hundreds of images/links would take forever.
If I could edit the source code of just this page I would copy the source code, run it through my script which would change all the links/images in seconds and paste it back in the webpage source code.
If this wasn't clear enough hear is my thought process in steps:
1: Having a webpage with content which can only (afaik) be edited through a plugin like Elementor
2: Instead copying the part with the content from the source code
3: Chaging this source code within seconds through a script
4: Pasting the new source code back into the webpage sp it is updated with the new content
Ok, so it depends on how elementor is storing the images in the image block, chances are that is will be contained in shortcodes e.g. [vietpic]<img src="wp-content/nam.jpg [/vietpic] you should be able to see this by going to the page with these images and then selecting 'Text' on the content editor. The editor will switch from the visual blockbuilding to the code which you can then copy out, run your script on and place elsewhere. Just make sure that you get the whole block, like any containing elements for instance. If this doesn't work out I'd suggest navigating to the page on the frontend, inspecting the element via the browsers inspector then selecting the container, click 'edit as html' then copy out the code. You can then run your script on this source code then paste it into an elementor custom html block.
The best I can do so far is to embed code from just one html file. On the preview page, I get a scrollable box taking up half the page that contains my desired output, surrounded by white space. Rather, I would prefer my page take up the entire page, if that makes any sense.
(In the end, I decided to create my site on Git Hub instead because it lets me directly post my HTML files.)
i need to get some data from external web page (specific text between and tags in this web page source code )
and then show this data in my html.
or get part of html code of another page
then put it in my html page by a button click for examle
This is really hard if it's somebody else's web page due to CORS. However, you should be able to if it's your web site.
Use XMLHttpRequest to get the page content.
Set the container element's .innerHTML to the textual representation of the HTML.
Hi I am working with an IBM Curam Website Automation testing
When I logged in and inspect element, certain elements like search filters for person appears.
But when I saved the html page, the tags for this search box is not in the saved file.
Do you know why?
They may be added or made visible from server side language? (php, asp ...)
I have a program that let's people design web pages graphically. Then hitting Publish creates an html file that is supposed to be an exact copy of what they created. The elements created by the editor are HTML elements. Publish then gathers up all the elements that have been created and for each one adds it to a string with
canvasOuterHTML += clone$[0].outerHTML;
So all the styles, text, etc., get put on the string. This string, along with some other information is written to the .html version of the page, and when this .html is loaded into a browser the browser displays the page!
But something is expanding the published page vertically. I've created the simple page below to illustrate. The first image is the page in the editor. The second image is what the html displays in the browser.
I'm completely stumped because the HTML and CSS for the two markups is exactly the same, so how can one be higher? I can't even think of a mechanism that would do that. Does anyone have any ideas? Thanks.