Copy content of a page into excel by preserving the formatting - html

I have a page in angular js. There is a table like view on the page. This has been achieved using div tags and not a table tag. After copying this content into excel , its formatting changes. It does not get copied as it is.Any changes I can do in HTML file to copy it exactly how it is on the webpage?

In case you need a full copy of the table - you could create a separate "view" on the same page with a proper table markup (placed outside of viewport). And have a button to "copy table"
with code attached that will put your table into clipboard.
Another guess is that you had to switch to divs because table markup didn't allow you something. In that case - look at handsontable library for google docs like tables.
They have a community version and there is some bridge for angular as well. Maybe it'll do you some good.

Related

How to edit the HTML code of just one page of my wordpress website?

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.

Identical HTML not rendering the same

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.

How can I make that the new pages of a Mediawiki would not be blank/empty?

I'm using a mediawiki in my organisation. All our pages must have the same structure of titles and sections. Since the beginning we create a new page, copy the structure without content from another and then we start to edit the new info.
I would like that when we create a new page, it does not appear as blank or empty, but already have the basic structure of titles.
I don't know even if that is possible.
Mediawiki's manual page creating pages with preloaded text explains how to do this.
I would recommend creating a template and them using the substitution command. The process is as follows..
Create a template page that has the basic layout text that you want to appear on each page. Let's say that page is called "Template:Layout" (since it is a template, it will be in the template namespace).
Once that template as been created, when you go to create a new page, what you do is simple type {{subst:Layout}}. What that does is automatically copy the code from the layout template to the new page.
Now you may wonder why do that, you can just copy and past the code yourself. Well here is why. You can use parameters with substitution as well. Let me create a hypothetical. Say you are creating a new page for each employee at a company. You want each page to say "Hello and welcome to Persons name's page". You can copy and past that on to each new page, OR you could do the following:
Create the Template:Layout with the following text "Hello and welcome to {{{1}}}'s page".
Then when you create a new page for Bob Smith, simply type {{subst:Layout|Bob Smith}} and the text "Hello and welcome to Bob Smith's page" will be inserted at the top of the page.
I would also encourage you to look into the use of templates to stylize your pages. Substitution is similar but it doesn't dynamically change. So if you change the Layout template a week from now, pages where you used {{subst:Layout}} will not change.
Hope that helps.

Using microdata on elements created after during page load

I need to add microdata snippets to a list that is being populated by a script during the page load.
My code is written in a way that I have the basic list element in my html code, and it gets duplicated as the list is populated (this happens once when the page is loaded).
I try to add microdata to every element in the list, but when I use google's rich snippet tool it seems that it only reads the basic html snippet and not the whole list after it was populated. I do the exact same trick on a different page and there it seems to work fine (meaning i get a list of videoObjects each containing the data inserted to it) [edit: the second page was created on server side, this is why it worked on it].
Any idea how to get around problem?
As a general rule, search engines do not read content dynamically created by JavaScript. So anything your script dynamically creates will be invisible to Google. If you want them to index this content you need to create this content server side.

PowerShell: Modify HTML website

I saved a copy of a webpage via powershell (IE com-object) and now I would like to modify the source code. I would like to remove the first row of the table (TR-TAG), see source code at: http://pastebin.com/kqfQUsHR (see line 17 and 44).
How can I accomplish this in powershell?
I think he wants to change the HTML code of the webpage, to fix the double table border between the header and the page itself (remove the TR tag).
Patrick, if that is what you want to fix, your web pages are build dynamically (php), so you need to change this in the php script that makes the web page(arbeitsblatt.php).