This library can help you to get phone numbers in web page and show a RingCentral Click-to-Call and Click-to-Text shortcut when hover on phone number text.
via npm
npm install ringcentral-c2d
via yarn
yarn add ringcentral-c2d
This library mainly contains 3 parts
- Matchers - For matching phone numbers in the provided page content
- Observers - For watching any DOM changes of the page
- Widgets - For injecting UI widgets for user to interact with
import { RingCentralC2D, WidgetEvents } from 'ringcentral-c2d';
const clickToDial = new RingCentralC2D();
clickToDial.widget.on(WidgetEvents.call, (phoneNumber) => {
console.log('Click to Call:', phoneNumber);
});
clickToDial.widget.on(WidgetEvents.text, (phoneNumber) => {
console.log('Click to Text:', phoneNumber);
});
// Stop
clickToDial.dispose();
<script src="https://unpkg.com/ringcentral-c2d@2.0.2/build/index.js"></script>
<script>
var clickToDial = new RingCentralC2D();
clickToDial.widget.on('call', function (phoneNumber) {
console.log('Click to Call:', phoneNumber);
});
clickToDial.widget.on('text', function (phoneNumber) {
console.log('Click to Text:', phoneNumber);
});
// Stop
clickToDial.dispose();
</script>
Custom your own widget by referencing this sample code
// Implement it by referencing sample code
class MyWidget {}
const myWidget = new MyWidget({
// Any arguments your widget needs
});
// Bind any events as you need
myWidget.on('your-event-name', () => {
// Your event handler
});
const clickToDial = new RingCentralC2D({
widget: myWidget,
});
// Stop
clickToDial.dispose();