All Questions
84
questions
7
votes
5
answers
4k
views
Serving react static files in golang gin-gonic using go:embed giving 404 error on reloading on frontend URL
I have built a go application using gin and go1.17.
I am using go:embed to to serve static content for a SPA app built using react.
(trying the approach as suggested in https://github.com/gin-contrib/...
- 745
7
votes
0
answers
3k
views
How to embed a Word Processor in a React webapp?
I need to embed a word processor with full .docx capabilities (mainly multi page functionality), so a rich text editor like Draft.js won't work for me.
I tried to embed a Google Docs editor in ...
- 639
6
votes
1
answer
6k
views
Use third-party embed code in a React component
I need to use a third part embed code for a form. I'm trying to return it in a component, but it's obviously not working. How can I set this one up?
class Form extends Component {
render() {
...
- 1,405
4
votes
1
answer
3k
views
Creating iframe widget with React components
I've made a widget in React that is meant to be embedded on other people's websites (think Drift/Intercom chat at the bottom right-hand corner of a webpage). First, there's a button, then when it's ...
- 131
3
votes
1
answer
1k
views
Import a file as a string (or source asset) in Gatsby / React
I want to import .ts, .tsx, .js, and .jsx files into a react component and render them within a PrismJS highlighting block. For example, let's say I have a TypeScript file with functionA in it that I ...
- 1,412
3
votes
2
answers
17k
views
iframe into nextjs
I want to put some HTML file into my code, something like this
<FlexContent gap="16" justify="space-between">
<iframe src="../../public/assets/maps/cityMap.html&...
2
votes
2
answers
10k
views
Inserting a Custom Script in React Helmet/ Gatsby
I have this custom script that from a third party I am trying to embed into React Helmet
Usually the scripts are given only as a src url. If I am given the code below, what is the best practice to ...
- 689
2
votes
6
answers
2k
views
Load ReactJS App from another server and execute
Let's assume we have a website, that should show a reactjs application.
The following points are necessary:
The ReactJS application should be embedded by using a short snippet (script / html)
The ...
- 2,032
2
votes
1
answer
23k
views
All kinds of document viewer in react
I want to make document viewer in react which shows document in same page as popup as that is used in slack web application? It should view all kind of document files. Can anyone guide me how to ...
2
votes
0
answers
168
views
Next js 13 Script tag won't render in the right position
I am using the Next Js Script tag to embed a form from Convertkit into my project. The embed gets pulled in, and it works, I can subscribe and my email appears in the Convertkit Dashboard, everything ...
- 143
2
votes
0
answers
634
views
Delayed sandbox attribute to iframe
I'm currently facing to a problem. I'm triyng to embed an external player (like dood stream, vtube, etc) into my Reactjs app but these players have so many annoying ads... So i tried to block external ...
- 21
2
votes
1
answer
319
views
Look and feel problems encapsulating a ReactJS embedded application using Material ui
I am embedding a ReactJS application using Material UI styled components inside a Wordpress page. I am using webpack for transpilation of the js.
I have produced the bundle of the embedded version of ...
2
votes
1
answer
974
views
Embed microsoft bookings Web Page with ReactJS
Is there any way to render the content of a Microsoft Booking page into my ReactJS application?
For example, I have found this as example (non-related, just googled).
https://microsoftbookings....
- 121
2
votes
0
answers
60
views
Imbed 3rd party script object into React component
I'm trying to list out assets that use 3rd party imbedded scripts for a paywall product within a React component. I'm having trouble wrapping my mind around what needs to be done to imbed a script ...
- 65
2
votes
1
answer
960
views
Attempting to embed AWS Lex chatbot into React site, failing with Error: Missing credentials in config (see console for details)
I am comfortable with many aspects of AWS, but not with Cognito. I have built Lex style chatbots as Alexa skills, but this is my first time attemtping to integrate a Lex chatbot into an existing ...
- 2,702
2
votes
0
answers
263
views
React embed tag play video cannot fullscreen
My code:
<embed style={{ width: '600px', height: '380px' }}
wmode="transparent"
allowFullScreen='true'
src={this.state.play ? vSrc : ''}
type="application/x-shockwave-...
- 117
1
vote
2
answers
3k
views
How to Embed Google Trends into React app
I'm attempting to embed Google Trends into React so I can adjust the parameters dynamically. I can successfully embed it directly into the index.html file.
<script
type="text/javascript"
...
- 347
1
vote
2
answers
3k
views
embed react widget in other react project
I build react widget by this tutorial
https://tekinico.medium.com/build-a-react-embeddable-widget-c46b7f7999d8
I squashed all the files by bundler tool called parcel.
after I have the two files (js ...
- 137
1
vote
1
answer
4k
views
Unrecognized Feature: web-share (Youtube, Chrome)
I have a website that uses embedded videos (via youtube's share -> embed) and when I open DevTools in Chrome, I see an error that says:
Unrecognized feature: 'web-share'.
(anonymous)@react-dom....
- 11
1
vote
1
answer
2k
views
Custom styling for Tiktok Embed in NextJS
I'm building a site that can use Tiktok oEmbed, so far so good but I have a problem that how can I custom style it like the body background is transparent?
I had already added styles, MutationObserver ...
1
vote
1
answer
607
views
how do i embed Klaviyo pop-up form into my React app
I am stumped, I thought this was straightforward embeds but it doesn't seem so?
I was given these 2 bits of info after I created a pop-up form in Klaviyo.
<div class=“klaviyo-form-FORMID”></...
- 15
1
vote
2
answers
6k
views
Best practice to embed Vimeo video in Nextjs or Reactjs
I'm making a website with Next.js and wanting to embed vimeo videos and wondering what is the most common practice to do it.
I've tried regular iframe, react-player, @u-wave/react-vimeo.
I realized @u-...
- 105
1
vote
1
answer
402
views
How to embed reddit with light mode
I have a simple question. How to use reddit Embed as a light theme? I mean, by default reddit is using dark mode. Currently I'm using dark mode on my website and with reddit embed(dark mode also) i ...
- 85
1
vote
1
answer
288
views
How can I show(read only) xslx, pdf files in react/javascript using (.xslx or .pdf) urls?
I can do it using all the google docs/sheets file shareable urls, but the link where url ends with .pdf or .xslx, it either downloads or is not able to be previewed.
This is the codesandbox link to ...
1
vote
3
answers
831
views
embedding flowise AI chatbot into my react app
Hello everyone im trying to embedd a chat bot into my app the following way:
import { BubbleChat } from 'flowise-embed-react'
const Chatbot = () => {
return (
<BubbleChat chatflowid=...
1
vote
0
answers
744
views
Instagram Embed Not Showing Content, Only "view this post in instagram"
I tried to embed instagram post without caption in my next js website, but it didnt show the content. Only a text that redirect to the post link when clicked. How to fix?
instagram-embed-picture-not-...
- 53
1
vote
0
answers
772
views
React Quill - social media link to embed media on rich text editor
I want the react quill rich text editor able to convert link into social media, like this
link: https://www.tiktok.com/@epicgardening/video/7055411162212633903
My RTE Code
import { useCallback, ...
1
vote
0
answers
254
views
Next js 13 Script tag blocks scripts: "Error handling response: Error: Blocked a frame with origin "<URL>" from accessing a cross-origin frame."
I am embedding a Calendly link into my Nextjs 13 projects. In theory everything works fine... however:
When the link to the Page with the calendar is clicked directly, the page loads with the embed, ...
- 143
1
vote
0
answers
768
views
What are the sandbox values when I want to embed my react app into another website?
I am trying to make the embedded version of my react app, just like the YouTube embedded tool. I create a simple index.html file and put this line:
<iframe src=[web url] width="500" ...
- 11
1
vote
0
answers
2k
views
I need to embed code in my Next.js site. (The next/script renders on all pages at the very bottom)
I feel like there should be a very simple solution to this and I can't seem to find one. I would like to embed code on my Next.js website, however, it will only work if I refresh the page. It does not ...
- 233
1
vote
0
answers
351
views
React-Player not resizing video properly
I'm trying to display a trailer on my website. I use react-player library to embed YouTube videos.
The default video player size is rather small, and I wanted the same size as displayed on the ...
- 128
1
vote
0
answers
540
views
How to Embed React/Angular application in a widget popup style
So this is more a design/tooling question (no code to show)
The Idea:
I have an idea for a web app that I'd like to implement using either React/Angular depending on the outcome of this discussion ...
- 861
1
vote
0
answers
40
views
Embedded React application to anthoer React application
I am a beginner on React but I have a complicated requirement on this.
I have a requirement to embed a React application to existing React application. Embedded application may need to pass some ...
- 269
1
vote
0
answers
77
views
Create an embed script from a React app
I have a chat app built with React and bootstrapped using the CRA utility. However, I need to create an embed script that can be given to users to include in their website similar to Intercom's. After ...
- 1,579
1
vote
1
answer
2k
views
YouTube embed not working on Node + React
In a node+react app (LINK) I have a page where I must show different videos which parameters are taken from a .json copy
Data JSON:
{
"content": {
"url": "https://...
- 1,222
1
vote
2
answers
3k
views
Can't embed Facebook post into Next JS generated page
I am trying to embed a public FB post into the main page of my application. I am following FB guide and it's pretty simple. It works when I do it in .html file, but doesn't with Next JS.
Basically, ...
- 1,736
0
votes
2
answers
1k
views
Use "Create React App" inside a WordPress plugin
I'd like to develop a plugin, where the admin frontend (e.g. wp-admin pages) is rendered with React.
I'm using create-react-app for developing the app in a subfolder.
For loading the React App into ...
- 1,319
0
votes
1
answer
2k
views
Can I embed a tweet in a post on a React frontend while using headless Wordpress?
I'm building a site in React and using Wordpress as a headless CMS for the blog. Some of my posts have one or more tweets embedded in them, using Wordpress's built-in Twitter widget.
When I call the ...
0
votes
1
answer
737
views
How to embed dynamic data into a JSON string
I'm working on a React app that interacts with JW Playe API. The API wants me to send data in JSON format. The problem is that I need to embed dynamic input data into that JSON string. I don't know ...
- 7,671
0
votes
4
answers
2k
views
How to use Jot Form with React
I'm trying to embed a script tag to render a form in a component. I can't figure out how to do this in React. If I took this tag and pasted it to an HTML document, the form would load perfectly, but ...
- 1
0
votes
3
answers
1k
views
How do I use Embed Code in React with Hooks
I have the following embed code I need to integrate into my React app (using hooks):
<script
class="123abc"
type="text/javascript"
src="https://cdn2.fake.com/Scripts/embed-button.min.js"
data-...
- 177
0
votes
1
answer
324
views
How to embed Twitch Object in React component without calling New on every render?
My component has a function for rendering our Twitch embed. I'm trying to understand how to re-use the created Twitch.Embed without call New each time the component is rendered.
Here is the Twitch ...
- 138
0
votes
1
answer
95
views
Styling embed svg in svg (On Chrome)
As I read, embedding an svg in another SVG leads to create another document and therefore complexify a lot the styling of those svg ...
Is there a way to use the css property transform : rotate(90Deg) ...
- 1,247
0
votes
1
answer
131
views
React site, trying to embed app, but I can't figure out how to integrate into a component (works on the static page)
I'm trying to embed the following onto my react site in a specific component/page. When I put the code on the static html page it works beautifully, but it isn't working out when I try to place it ...
- 159
0
votes
1
answer
2k
views
How do I display iframes of videos from vimeo player in React?
I have an example where I access all the videos of a vimeo channel and that works, but when I try to list all the videos as iframes of the vimeo player it just returns the iframe html code. Here is ...
- 445
0
votes
1
answer
1k
views
How to embed an HTML/script snippet into a react.js page without jQuery?
I created a react website using create-react-app. In one of the pages, I want to embed an airbnb preview, see below code and screenshot provided by airbnb.
How can I insert this code into my React ...
- 371
0
votes
3
answers
4k
views
React - embed props into iframe url
I'm new to react and trying to embed the longitude and latitude from an api into a google maps iframe
<br />
<iframe name="gMap" src ="https://maps.google.com/maps?q={ this.props.venue....
- 99
0
votes
0
answers
20
views
react-spline embed in webflow not working, codesandbox works
I am trying to get a react-spline embed to run in my webflow website. ((I am going that route, because I need to code some interactions with the spline scene for keypresses on my website. Those do not ...
- 49
0
votes
0
answers
18
views
How to import Microsoft Word files into a Next.js website and extract content?
I'm developing a website using Next.js called "Question Bank". On the admin page, there's an option to import questions via a Word file. When the user clicks the import button, a modal ...
0
votes
1
answer
32
views
How to silence console.log from third party iframe
Currently, I'm developing a web app using NEXT.js. The deal is that I'm working with a third party iframe which is displaying lots (hundreds) of console.logs. I just want to “mute” the outputs for the ...
- 19