Is there a way through which I can embed external HTML page as a component at run time in ionic 3 - ionic-framework

We know that we can use pages or components in ionic. These pages and components contain .html files, which have html markup. When we build the app, all these files are bundled into the app.
My question is whether we can use or embed external .html files and act on that .html file.
For example: if we have a login page which contains username and password fields and submit button. We have already defined css for this page. There is a requirement for my project to embed external .html file and use it as login page. It may have a different css.

if you mean that you have html tags in JSON response for example and you want to add them to ionic just do :
<div [innerHTML]="your-JSON-response-Html"></div>

Related

How to manipulate the meta area of the HTML dom with Scala-JS for a single page application

General Scala-JS page building advice needed. Most of the examples seem to be of the pattern where the main into which your single page application will go is between the tags in a landing page html file. How do you handle the need to insert something in the meta area of the dom? Do I need to render my landing page dynamically from the server to accomplish this? My specific need is to inject a script tag into the meta area of an already defined static html page. I'm using scalajs-react.
Generally you will want a server-rendered "root page" for the SPA. This allows you to dynamically compute proper cache busting file names for your script and stylesheet tags and to easily manage the cache expiration of the root page. Also, for proper html5 push state support you'll want to serve that page at every URL, which is easily done with a server side route.

Update content programmatically

I am publishing content on a TYPO3 instance where I have just editor rights. At the moment, that content is generated automatically as HTML; my workflow consists of
Copy HTML code
Log in to TYPO3
Select page
Click Edit on the HTML element of this page
Paste HTML code
Submit
Is there a library or an API that helps automating this process?
Since you are only an normal editor in your TYPO3 instance, I assume you cannot just add a TYPO3 extensions that helps you with the task. If you could alter the TYPO3 instance, there would be numerous ways to automate the process: A Scheduler task that fetches new content and puts it to a page or even fetches content from a mailbox or Dropbox share etc..
The only solution I see is that you do some browser automation to perform this task. You use e.g. use Chromium Browser Automation if you work with Chrome. You can record all form entries (username, password, paste text to RTE) and clicks and you also should be able to define some variables (ID of the page and content element, content itself).

How to get the url from a input field?

I recently develop a shortener URL script, now I'm trying to add Addthis buttons but the problem is that is sharing the current URL of the site is on. I want the Addthis buttons share the URL that is inside of the URL Input field anybody got some idea on how to do it?
Basically I want to add Addthis buttons and share the URL from a Input field that got the URL shorted .
The Real Question: How can you specify a custom URL for Addthis?
jQuery Solution
HTML
<a href="http://www.addthis.com/bookmark.php" class="addthis_button" id="youmusthaveanid">
jQuery
$('#youridhere').attr('addthis:url', $('#yourinput').val);
Note: Remember you will have to trigger this on every update of the text box if it's content changes after the Javascript has been run on initial load.
PHP Solution
HTML/PHP
<a href="http://www.addthis.com/bookmark.php" class="addthis_button" addthis:url="<?=$yourvariablehere?>"
Source: Addthis API Docs

typo3: is there a way to see the pages and its html templates in one place?

in typo3 admin site, I am using TemplaVoilà to make html templates. I have many pages in my site, so I wonder if there is a way that I can check which page is using which html template in one overall page, instead of checking it one by one, something like:
contact page: home.html
employer page: employer.html
...
You can use a hook to add this information in the TemplaVoila s module.

Magento external theme installation trouble

I'm trying to install a Magento theme.I am trying to install it by coping theme's app,skin and js folder into magento's app,js and skin folder.Theme works okay except the home page.
In homepage's content section i have add this:
<div>
{{block type="catalog/product_list" template="catalog/product/my_template.phtml"}}
</div>
which loads theme's template and sets its design but in my case it doesn't apply the template, What i lack here?
Other Pages like About us,Contact us are working according to theme but not homepage..
In the other pages which are working,content written in content section is directly a data,where in homepage it is a reference to a template called "my_template.phtml"..
help me guys!