Comments (5)
I'm going to try to add a replace
prop to CH components.
<CH.Code replace={{PLACEHOLDER: props.url}}>
```bash
curl -X POST "PLACEHOLDER/some-endpoint" -H "Content-Type: application/json" -d
```
</CH.Code>
would that work for you?
from codehike.
Would the
replace
affect only the code copied to the clipboard or also the rendered content?
Both
from codehike.
In this new replace attribute you are implementing, would it be possible to support multiple Placeholders?
Yes.
I'm working on an annotations refactor. I'll try to add the replace prop after that.
from codehike.
Wow! Thanks for the super fast answer.
Yes, I think that would work for our use case. It was the alternate implementation I explored before settling for the function approach. But the object map is probably better as it doesn't open too much the API.
Would the replace
affect only the code copied to the clipboard or also the rendered content?
from codehike.
In this new replace attribute you are implementing, would it be possible to support multiple Placeholders?
<CH.Code replace={{PLACEHOLDER1: props.url, PLACEHOLDER2: props.path}}>
I am asking since I know I would need to be able to add multiple replacements for my documentation.
from codehike.
Related Issues (20)
- Code hike code block hides inside Tabs HOT 1
- Markdown code inside `details` tag not displayed in Firefox HOT 1
- Using with mdx `evaluate` throws error HOT 3
- Is it possible to include only a portion of an external file using the `from` annotation?
- Wrong focus annotation breaks render HOT 6
- wrong tab border in `one-dark-pro` theme?
- Change release message HOT 1
- Vite + Code Hike HOT 2
- Link and mark annotations on the same line HOT 2
- Using `rows` inside `<CH.Scrollycoding>` HOT 1
- Make CH.Spotlight mobile responsive HOT 3
- Pass `staticMediaQuery` to ScrollyCoding via props HOT 1
- Next 13 RSC Dot Component notation not allowed on server HOT 1
- Multiple `from` annotations HOT 1
- Scrollycoding `triggerPosition` setting doesn't seem to get applied
- Codehike breaks Mermaid.js diagram rendering in Nextra HOT 1
- Allow import of external files with from-annotation HOT 1
- Problem with copy button overlapping text HOT 1
- How to use Scrollycoding with images HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from codehike.