2023-10-20 07:35:02 +00:00
|
|
|
//
|
|
|
|
// Copyright © 2023 Hardcore Engineering Inc.
|
|
|
|
//
|
|
|
|
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
|
|
|
|
// you may not use this file except in compliance with the License. You may
|
|
|
|
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
|
|
|
|
//
|
|
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
//
|
|
|
|
// See the License for the specific language governing permissions and
|
|
|
|
// limitations under the License.
|
|
|
|
//
|
|
|
|
|
2023-11-20 10:01:43 +00:00
|
|
|
import { type Attribute } from '@tiptap/core'
|
2023-10-20 07:35:02 +00:00
|
|
|
|
2023-11-07 16:23:07 +00:00
|
|
|
export function getDataAttribute (
|
|
|
|
name: string,
|
|
|
|
options?: Omit<Attribute, 'parseHTML' | 'renderHTML'>
|
|
|
|
): Partial<Attribute> {
|
2023-10-22 14:55:39 +00:00
|
|
|
const dataName = `data-${name}`
|
|
|
|
|
|
|
|
return {
|
2023-11-07 16:23:07 +00:00
|
|
|
default: null,
|
2023-10-22 14:55:39 +00:00
|
|
|
parseHTML: (element) => element.getAttribute(dataName),
|
|
|
|
renderHTML: (attributes) => {
|
|
|
|
// eslint-disable-next-line
|
|
|
|
if (!attributes[name]) {
|
|
|
|
return {}
|
|
|
|
}
|
|
|
|
|
|
|
|
return {
|
|
|
|
[dataName]: attributes[name]
|
|
|
|
}
|
2023-11-07 16:23:07 +00:00
|
|
|
},
|
2023-11-20 10:01:43 +00:00
|
|
|
...(options ?? {})
|
2023-10-22 14:55:39 +00:00
|
|
|
}
|
|
|
|
}
|